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שמות מסחריים 

שמות המוצריס והשירותים המוזכריס בספר הינס שמות מסחרייס רשומיס של החברות שלהס. הוצאת 
הוד-עמי והוצאת ז₪4108 שפאז עשו כמיטב יכולתן למסור מידע אודות השמות המסחריים המוזכריםס 
בספר זה ולצייו את שמות החברות, המוצרים והשירותיס. שמות מסחריים רשומים (901816760ז 
5 )) המוזכריס בספר צוינו בהתאמה. 


הודעה 


ספר זה מיועד לתת מידע אודות מוצרים שונים. נעשו מאמציס רבים לגרוס לכך שהספר יהיה שלם 
ואמין ככל שניתן, אך אין משתמעת מכך כל אחריות שהיא. 


המידע ניתן ''כמות שהוא'' ("5ו פ8"). הוצאת הוד-עמי והוצאת ז09וח שסא אינן אחראיות כלפי יחיד או 
ארגון עבור כל אובדן או נזק אשר ייגרס, אם ייגרם, מהמידע שבספר זה, או מהתקליטור שמצורף לו. 


לשם שטף הקריאה כתוב ספר זה בלשון זכר בלבד. ספר זה מיועד לגברים 
ונשים כאחד ואין בכוונתנו להפלות או לפגוע בציבור המשתמשים/ות. 


(6 כל הזכויות שמורות 
הוצאת הוד-עמי לספרי מחשבים בע''ימ 
ת.ד. 6108 הרצליה 46160 טלפון: 09-9564716 פקס: 09-9571582 


|ו.60. והחהּ-001סח. שש | וו.ס6.וההה0000-3זחו 


אין להעתיק או לשדר בכל אמצעי שהוא ספר זה או קטעים ממנו בשום צורה ובשום אמצעי 
אלקטרוני או מכני, לרבות צילום והקלטה, אמצעי אחסון והפצת מידע, ללא אישור בכתב 
מאת ההוצאה, אלא לשם ציטוט קטעים קצרים בציון שם המקור. 


הודפס בישראל 2000 
0 5זחטום || 
:ו זווה-ססוז 
0 ,151 ,הץ|2ז6ר ,6108 .0.8.ק 


מסת'יב 965-361-274-3 158% 


"שם המשחק - פשטות. נילסן מפרק את עקרונות הפשטות למרכיבים של עיצוב 
הדף, עיצוב התוכן וארכיטקטורת האתר, ומרכיב באמצעותם את תורתו להצלחה 
בזירת האינטרנט הסבוכה. הוא מתאר גישה מאוד שיטתית, המורכבת מכללים 
וקווים מנחים, שלעיתים נראים נוקשים מדי, בבואו לנתח את היסודות לפיתוח 
אתר שימושי. הוא משתמש במושגים של עשה ו- אל תעשה כדי לקבוע איזה 
אתר יעבוד, איזה לא ולמה ... הבנת שיטות אלו ושילובן בגישות 
עיצוביות/ אומנותיות תתרום ליצירת אתרי אינטרנט בהירים וברורים למשתמשים 
ולהצלחתם העסקית." 


שי גולדשטיין 


ארט דירקטור, נענע, //.118178.60.ש/שש 


"נילסן מקבץ וממצה את העקרונות החשובים ביותר בעיצוב ממשק לאינטרנט 
בספר אחד. הוא מסייע לפקוח את עיניהם של מי שממוקדים במחשב, השוכחים 
כי הגורם האנושי הוא המניע והמטרה. עיצוב תוכנה ואתרים הוא עבור אנשים, 
וראוי שהם יהיו גורם מכריע, ואולי "המכריע" במערכת השיקולים בתהליך 
הפיתוח. 


המחבר מחנך להנדסת אנוש נכונה, תוך שימוש בדוגמאות צבעוניות ובהומור. 
זהו ספר בסיסי לכל מפתח תוכנה וראוי שהספר ישמש אותו ככלי עבודה 
יומיומי." 


ענת שמיר 


מנהלת תחום עיצוב ממשק והנדסת אנוש בחברת 796/00/00/65 655// 


"ספר חובה לכל מִי שעוסק בפיתוח אתרי אינטרנט בכלל ובפיתוח אתרי תוכן 
בפרט. הספר מאיר את עיני הקורא ומנחה אותו כיצד לבנות אתר שישרת את 
גולשיו נאמנה. 


הספר מתאים למפתחים, הבונים את עיצוב הדף וקובעים את עזרי הניווט. ספר 
זה מראה להם כיצד לעשות את הדברים נכון. הוא גם מתאים עבור 
מנהלים/לקוחות הרוצים לבנות אתר במסגרת העסק. ספר זה יקנה להם את 
הידע הדרוש, כדי שיוכלו לדרוש אתר מקצועי שישרת את מטרותיהם העסקיות." 


נמרוד לוריא 


מנהל חברת אינטאקטיב-מיינד ומרצה בכיר בתחום האינטרנט ופיתוח בסביבת 050% 


ספר זה ישפר את יכולות העיצוב שלך ויאפשר לך להפיק מוצר איכותי יותר 
לשביעות רצון הלקוח הגולש באתר. 


ספר זה יתן לך נקודת מבט על האינטרנט כפי שמעולם לא חווית - מנקודת המבט 
של המשתמש הסביר. 


עוד לפני שהמשתמש מנווט באתר והרבה לפני שהוא מעיין בתכנים שבו, או 
משקיע זמן וכסף במה שאתה מנסה למכור לו, הוא רואה. הוא רואה איך האתר 
שלך מעוצב ומנסה לאמוד עד כמה קל ופשוט יהיה לו לנווט בו, ועד כמה האתר 
רלוונטי לצרכיו. 


באינטרנט, ולא רק, אבל בעוצמה גדולה יותר - המשתמש הוא המלך. בלחיצת 
עכבר הוא אצלך ובלחיצת עכבר הוא יכול להימצא הרחק ממך. זכור זאת כשאתה 
מעצב את האתר. 


ח6!56וא 0 0א33., הגורו ונושא הדגל של עו|ו0580\ פ6/\, משתף אותך בניסיון הרב 
שיש לו בתחום. החל מתכנון תוכן ועיצוב העמוד כדי להתמצא טוב יותר באתר ועד 
לניווט קל יותר. המחבר מנחה אותך צעד-אחר-צעד איך לעצב אתר המותאם לכל 
גולש. 


הלימוד בספר יתן לך כלים כדי לוודא שלאתר שהינך בונה היום תהיה משמעות 
וערך לאורך זמן. 


ספר זה מיועד ל: 


מעצב גרפי באינטרנט (285/0081 60//), מנהל אתר אינטרנט (ז85+6/\! 60/\), 
מנהל עסקי (06זפו וח60 80//), מנהל (ז68ווטם 80/)), מנהל רשת 
(5178107!ח!ר0\/ הח6ז5/5 60/)), מתכנת אתר אינטרנט (זפחחוחפזחָסזק ספצש), 
איש עסקים (ח90ז76 855ח2₪51) ומשקיע (זסופ6עחו). 


הונן עניינים מקוצר 


הקדמה 0000000000 0000090 062000 6 
פרק 1: מבוא: שימושיות ב-65/\ - לשם מה? ל 
פרק 2: עיצוב דף 17 
פרק 3: עיצוב תוכן 0 
פרק 4: עיצוב האתר 1 
פרק 5: עיצוב עבור האינטראנט כ 26 
פרק 6: אפשרויות נגישות למשתמשים בעלי מגבלות 27 
פרק 7: שימוש בינלאומי: מתן שירות לקהל מרחבי העולם ו 
פרק 8: תחזית: הקבוע היחיד ב- ט6\\ הוא השינוי 0 
פרק 9: מסקנה: פשטות העיצוב ב- 60/\ 7 
נספח: התקליטור המצורף 8 
אינדקס 0 20 


תוכן העניינים ‏ 1 


הונן העניינים 


הקדמה -- ו 


פרק 1 מבוא: שימושיות ב-60/ו\ - לשם מה? ה'וצוהה,.ה.או.ורואוצגו.ו.... 9 


אמנות מול הנדסה 1 
קריאה לפעולה 1 
מה אין בספר 13.20.42 
מדוע כולם מעצבים אתרי 60/\ בצורה לא נכונה? 4 


פרק 2: עיצוב ך|'::ווווווווווווווווווווווווווווווווווווווווווווווריייוייי.ת 17 


נכסי מסך :2:5 וי:וו. גו 18 
עיצוב לפלטפורמות מרובות 2 
מהיכן מגיעים המשתמשים? 2 
עיצוב שאינו תלוי ברזולוציית מסך 29 
שימוש בתוכן לא סטנדרטי 3 
ענייני שדרוג 0 
מתי בטוח לשדרג? וו 33 
הפרדת המשמעות מהתצוגה 36 
זמני תגובה בול 42 
חיזוי זמני תגובה .4ב 
הורדות מהירות, חיבורים מהירים 2 
צפייה במסך הראשון 0 
ניצול תכונת 6ו|4-ק66א של סדד ו 
קישורים 0 








תיאור הקישורים.. 'ייורוווווווויויייייי: 


כותרות הקישורים... 
צביעת הקישורים.... 


ציפיות מקישורים ... 
קישורי חוץ 0 
קישורים נכנסים 0 
קישור לאתרי מנויים ורישום משתמשים.. 
קישורים לפרסומות ל 
גיליונות סגנון 


בדיקת גיליונות הסגנון ב 
מסגרות (פ6וחפּזת) 7 
האם מותר תמיד להשתמש ב-65ח8ז ? 





אמינות י'יווווווווווווווווווווווויוווויווווווווווווווווווווווויוווווויווווווווווווויווווווווו00500500 92 


2 עיצוב ממשק באינטרנט 





פרק 3: עיצוב ([!כ] יייווווווווווווווווווווווווווווווויווווווווווווווויייוו: 99| 





כתיבה ל-80/\ || 
קצר את הטקסט 0 
עריכה 1 
סריקה 1 
שפה ברורה 7 
חלוקת דפים 12.21 
כותרות דפים .2-ו 123 
כתיבת כותרות 1 
קריאות (שוופו60 ]) 2 
תיעוד מקוון 2 
מולטימדיה 1 
זמן תגובה 13 
תמונות 3 
הקטנת התמונה... 15 
הנפשה 13 
רצף במעברים 14 
ציון מימדים במעברים 45 
הדגמת שינוי לאורך זמן 1 
ריבוב תצוגה 1 
העשרת מצגות גרפיות 0 
המחשת מבנים תלת-מימדיים 0 
משיכת תשומת לב 1 
וידאו 14 
שטפי וידאו מול הורדת קבצי וידאו .50 
קול 4:11 ואוו03גוו:.ג:ו.4[ 
סיוע למשתמשים מוגבלים בשימוש בתוכן מולטימדיה ה 
גרפיקה תלת-מימדית 0 
שימוש גרוע בתלת-מימד 16 
מתי להשתמש בתלת-מימד ו ואיכויו.. 90[ 
מסקנה 1 


פרק 4: עיצוב האהתך::::::::::::::ווואוווואוווויוייייייי5.:5..::5.:. 163 


הדף הראשי ו 166 
מה צריך להיות רוחב הדף? ל 
רוחב הדף הראשי 1 
חסל את מסכי הפתיחה 1 
הדף הראשי מול דפים פנימיים .178.5 
קישור לעומק (פַחואחו] ק6סכ) 2215ב 179 
סביבה וירטואלית - דימויים 0 
עגלות קנייה כממשק סטנדרטי 5 ב ב 5 5 55 205 ב שמ כ 18 


תוכן העניינים ‏ 3 






היכן אני נמצא? 1 
מהיכן הגעתי? 0 
לאן אני יכול להמשיך מכאן? 1 
מבנה האתר 1 
רוחב מול עומק :203 
המשתמש שולט בניווט 260 
עזור למשתמשים לטפל בכמות גדולה של מידע 2 
הפחתת עומס הניווט 22 
אתרי משנה 222 
יכולות חיפוש 22 
חיפוש מתקדם 22 
דף תוצאות החיפוש 2 
תיאורי דפים ומילות מפתח 2 
עיצוב תוצאות החיפוש 238 
עיצוב | 5:16 246 
כתובות 81 ארכיוניות 2 







פרסום | 20 
תמיכה בכתובות ₪1 ישנות . 201 
תוכן שהגיע מהמשתמש 2 
ניווט בעזרת יישומון 26 
פעולות איטיות 2 
מסקנה 2 


פרק 5: עיצוב עבור האינטראנט ווווווויאו :263.55 


הפרדה בין עיצוב אינטרנט לעיצוב אינטראנט 2 
עיצוב אקסטראנט 2 
השורה התחתונה, העיצוב והעובד :270 
פורטל החברה :276 
תחזוקת האינטראנט 2 
שלושת מרכיבי התשתית הגדולים: מדריך, חיפוש וחדשות 2 
תקני עיצוב באינטראנט 2 
הנחיות לכתיבת תקנים 20 
הפצת עיצוב האינטראנט לגורמים חיצוניים 2 







ניהול גישת ה-60/\ של העובדים 2 


תקני חומרה 2 
ברירות המחדל של הדפדפן יהליפוג יוב גג .1 280 
ברירות מחדל של מנועי חיפוש .208 
בדיקות משתמשים באינטראנט ב עפ 2 
מחקרים בתנאי שדה 2 
מסקנה 29 


4 עיצוב ממשק באינטרנט 


פרק 6: אפשרויות נגישות למשתמשים בעלי מגבלות ..........0600 297 


6 אחז !66655101 סס/צ\ :4 208 
אפשרויות נגישות חזותיות 02 
מאפייני זו 0 

מגבלות שמיעה .908 

מגבלות דיבור 308.3 

מגבלות מוטוריקה עדינה ותנועה 0 

מגבלות קוגנטיביות 1 

מסקנה: גישה פרגמטית בכל מה שקשור לנגישות .בב ךב 


פרק 7: שימוש בינלאומי: מתן שירות לקהל מרחבי העולם .........313 


בינלאומיות מול מקומיות ל 
עיצוב בינלאומי :ה 
בדיקה בינלאומית :ו 310 
אתרים מתורגמים ורב לשוניים .320 
בחירת שפה 2 
חיפוש רב לשוני 931 
הבדלים אזוריים 332 
בדיקות משתמש בינלאומיות 0 
התגברות על מחסום השפה 0 
בכמה מדינות עליך לבצע את הבדיקה? 3 
הודה למשתתפי הבדיקה 33 
שיטות בדיקה 336 
בקר במדינה בעצמך 6 
ביצוע בדיקות מרחוק 3 
מעבדות שימושיות לבדיקות בינלאומיות 338 
ביצוע עצמי של בדיקות 4 
מסקנה 5 


המגמה לטווח רחוק 0 
התקני מידע 53 

ש\דס6/\ 05 כ ל במ בבל ל ב 2 ביס בינ מ 5 -כ 20 כבום ש סל כ בש 0 וס ל ל 354 
מות דפדפני ה-60/\ - 1 
רוחב הפס גדל לאיטו .963 
דימויי ה-65/\ 26 
סידור מחדש של מרחב המדיה: נפרדים מהעיתונים 2 
מסקנה 76 


פרק 9: מסקנה: פשטות העיצוב ב- 0..יאאיייםי:.5 ...379.12 


5 חש-6וחסו 50 
זמנים טובים או זמנים רעים? 3 


נספח: התקליטור המצורף יוווצאווויאוו ייוו ...393.5 


אינדקס ב ;1 21 


תוכן העניינים ‏ 5 


הקדמה 


"היש הגיון לפרסם ספר שעוסק ב-60/\ על גבי נייר?" 
אני בטוח כי רבים מהקוראים ישאלו את השאלה הזו, ולכן אפתח 
בתשובה. 


טעויות 


אחד מחסרונות הוצאת 
הספרים הפיסיים הוא 
שאי אפשר להדפיס 
מחדש ולהפיץ מיידית 
את הספר במקרה של 
עדכון טעויות או 
חידושים טכנולוגיים. 
ה-65)\, לעומת זאת, 
מאפשרת לנו לספק 
משוב מיידי, ולכן יצרתי 
אתר בו אפיץ את 
התיקונים, בכתובת 


8 זר 6.60ו56. טטצ 
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אני מומחה לשימושית (שוווט8פ5ט), ולכן שיקולי 
לבחור במדיוס הוה התבססו על הדרך הטובה ביותר 
להשגת המטרה ולא על צו האופנה. כמובן שה-60/\ 
היא מדיוס נהדר (ולכן כתבתי עליה), והיא מתאימה 
למסמכים קצריס שיש ביניהס קישורים רבים (יש לי 
דפיס רביס כאלה באתר שלי, ה סס.561. /שואו). 
ה-60/\ אינה מומלצת עבור מסמכים ארוכיס במיוחד 
האמורים להציג נושא מתפתח. 


אס אתה רוצה באמת ללמוד על נושא מסוים, עדיין 
מומלץ לעשות ואת על ידי קריאת מאמר המטפל 
בנושא לעומק, ונכתב מתוך פרספקטיבה יחידה, 
מאשר לקפוצ בין כמה רעיונות קצרים וגישות שונות. 
במיליס אחרות, מדיית הספר עדיין טובה יותר 
מה-60/\ עבור המטרה שרציתי להשיג: לתת לקוראיס 
להבין את חשיבות נושא השימושיות בעיצוב אתר. 


כדי שאפסיק לכתוב ספרים, צריכיס להתמלא שלושה 
תנאיס : 


%%> מסכי המחשב צריכים להשתפר עד לרמה בה 
הקריאה ממסכים תהיה מהירה ונעימה כמו 
קריאה מדף. אני בטוח שתנאי זה יתמלא 
במחשביס היוקרתייס עד לשנת 2002 ובמחשביס 
נפוצים יותר עד לשנת 2007, משוס שמסכיס 
כאלה כבר הודגמו במעבדות. 


6% ממשקי הדפדוף ב-69/\ חייבים להשתפר עד כדי 
כך שהניווט ב-65/\ יחיה קל כמו דפדוף בדפי ספר. 
בנושא זה אני ספקן משוס שיצרני הדפדפנים 
נוטיס להשקיע יותר מאמצים במולטימדיה 
מיותרת וגימיקים פרסומיים, מאשר בהקלה על 


סידור ספר 


לספר מודפס יש את 
יתרון סרגלי הצד 
(5106081) וסידור דו- 
מימדי שאינם קיימים 
בדף 60)\, דבר המצריך 
עדיין גלילה חד ממדית - 
בדיוק כמו שהמצרים 
הכירו ואהבו. כשמדובר 
בספר, ניתן להציב בו 
הדגמות וכותרות 
בדרכים אשר תומכות 
בטקסט בצורה טובה 
יותר ממה שניתן לעשות 
ב-60/\. אינני יכול 
לקחת לעצמי את 
הקרדיט על עיצוב 
הדפים בספר הזה, אך 
אני מקווה כי הוא יהיה 
לך לעזר. 





הניווט. אך אפילו במצב הנוכחי, אנחנו עשוייס 
לקבל דפדפניס שימושיים עד שנת 2003. 


6% הקוראיס והכותבים חייבים להתאים את עצמם 
למרחבי מידע לא לינארים, כלומר, לכתוב 
בדרכיס שעושות שימוש בקישור, ולקרוא תוך 
תחושת ביטחון שההחלטה היחידה שצריכה 
להתקבל היא תשובה לשאלה האם צריך להפוך 
את הדף! שינוי וה יקרה רק לאורך זמן ולאחר 
הקניית הניסיון והחשיפה לחומר קישורי טוב. 
לרוע המזל, מדובר בשאלת הביצה והתרנגולת 
משוס שחומר קישורי טוב לא יופיע עד שכותבי 
קישוריס (6 דופסץ4) יהפכו למיומניס יותר. אני 
צופה שכתיבת קישוריס טובה תתחיל להופיע 
בכמויות גדולות יותר ככל שהרשת ייתתבגריי, 
לקראת שנת 2001, ויהיה מעבר בלתי הפיך 
מכותביס מבולבליס שאינס בקיאים ברזי 
ה-60//, לכאלה היודעיסם לספק את צרכי 
המשתמשים. ייתכן שארבע שניס לאחר מכן, 
בשנת 2005, רוב המשתמשים יהיו מנוסיס 
מספיק כדי לטפל בקישורים. 


אס נסכס את שלוש הפסקאות האחרונות, נגיע 
למסקנה כי טכנולוגיית החומרה היא הגורס המגביל 
בעניין ועלינו לחכות עד שנת 2007 בערך כדי לחזות 
בחיעלמות הספריס ובהחלפתם במידע מקוון. 


מדריך לספר זה 


הספר אותו אתה קורא כעת הוא הראשון מבין שני 
ספרים בנושא שווו0580 ט6/צ. בחרתי לפרסס שני 
ספריס משתי סיבות. ראשית, אין תועלת בספר אס 
אף אחד לא יקרא אותו, וכבר ראיתי יותר מדי 
עותקיס עבים שצובריס אבק על מדפים מכדי שארצה 
לכתוב בעצמי אחד כזה. ספר עב-כרס המסביר איך 
לשרטט תרשימי עוגה (6081715 6ק) ב-|₪%66 מרתיע 
אנשיס מלפתות אותו. ייתכן שהס רוציס לרכוש את 
הידע, אך הס לא יקראו אותו. הסיכוי לקריאת שני 
חלקים קטנים יותר גדול מאשר ספר אחד עבה. 
שנית, ייתכן שלא כל הקוראיס צריכיס לקרוא את 
שני הספרים, משוס שכל ספר מתמקד בזווית אחרת 
של השימושיות ב-60/\ (שו|ו0580\ פ6\\). כשהספר 
מחולק לחלקים, הוא מתאים יותר לסטודנטיס 
ולאנשיס אחרים שצריכים רק חלק מהמידע. אין 
טעס לשלס יותר עבור ספר ענק שאינך צריך את כולו. 


2  המדקה‎ 


8 עיצוב ממשק באינטרנט 


שני הספריס תוקפיס את בעיית 
שווופ058\ ח0ו065 ט6/צ\ משתי זוויות. האחד עוסק 
בשאלה יימה'י יש באתריס טובים, והשני בשאלה 
ייכיצדיי לעשות אותם. כולס רוצים תמיד למצוא ישר 
את הפתרון, ועל כך התמקדתי כאן. ספר זה מסביר את 
מה שידוע על מאפייני אתריס קלים לשימוש. הקדמה 
קצרה: תהנה מהפשטות, והתמקד במטרות 
המשתמשים ולא בעיצוב נוצא. 


הספר הראשון מכסה את הנושאיס הראשייס בנושא 
חטו65כ ט6ש\ (עיצוב ב-60/)): עיצוב דף, עיצוב תוכן 
ועיצוב ארכיטקטורת האתר המקיפה, תוך כיסוי 
נושאיס מיוחדיס נוספיס הקשוריס באינטראנט 
60ח%78ח1), משתמשים בעלי מגבלות (ראייה, שמיעה), 
ומשתמשים בינלאומיים. לבסוף, ספר זה מציג מבט 
כלפי עתיד האינטרנט ופיתוחיס חדשים ב-ט6/ש. 


הספר השני יכסה את השאלה כיצד ליישם את נושא 
השימושיות ב-60/\ ויסביר את השיטות בהן 
השתמשו להשגת מה שמוצג כאן בספר הראשון, אותו 
אתה קורא. קורא חסר סבלנות שרוצה רק לדעת את 
העובדות יוכל לקרוא אותו. אס תעצב אתרים על פי 
הכלליס שאני מציג כאן, האתריס שלך יהיו ללא ספק 
הקליס ביותר לשימוש באינטרנט. אך כדי לעצב 
אתריס טובים באמת עליך להוסיף נקודות ספציפיות 
לפרויקט שלך, ללקוחות שלך ולצרכיהם. אין מנוס 
מלאסוף נתוני שימושיות נוספים מהפרויקט שלך. 
הדרך לעשות את מוסברת בספר השני. 


ח56|סו\ פס386 


הוחזסזו!68 ,צו6ו/\ חובזחטסוו 


התקליטור המצורף 


התקליטור המצורף לספר וה מכיל קטלוג |ואז₪, 
פרקיס לדוגמה ומספר תוכנות עזר שימושיות. 


הקבציס הרלוונטייס לספר זה מצוייסם תחת התיקיה 
5 .)0 \:א (החלף את האות א באות הכונן). 


בקובצ |וחשח./וס שבתיקיה זו נמצא מנגנון בפייה 
בכל התמונות המופיעות בספר - בצבע. בספר 
התמונות מופיעות בשחור/לבן ולעיתיס יש לחזות 
בתמונה הצבעונית כדי להפיק את מלוא התועלת 
מעצות המחבר. ראה הנחיות מפורטות יותר בנספח 
התקליטור המצורף. 





מבוא: ‏ טימוטיות 
ב-60צ\ - לעום מה? 


השימושיות שולטת ב-65/\. אם הלקוח לא יצליח למצוא את המוצר, 
הוא לא יקנה אותו. 


ה-65/\ היא הסביבה האולטימטיבית להענקת תחושת כוח ללקוח. 
לקוח שיכול ללחוץ על העכבר יכול להחליט הכל. כל כך קל לעבור 
למקום אחר. כל המתחרים שבעולם נמצאים במרחק לחיצת עכבר 
אחת. 


פרק 1: שימושיות ב-60/] לשם מה? ‏ 9 


השימושיות תופסת 
חשיבות רבה יותר בכלכלת 
האינטרנט מאשר בעבר. 


0 עיצוב ממשק באינטרנט 


עס כעשרה מליון אתרי 60/\ בינואר 2000 (והצפי 
מדבר על 25 מליון עד סוף השנה ו-100 מליון עד שנת 
2), לש למשתמשים יותר אפשרויות מבעבר. מדוע 
שהס יבזבוו את זּמנס על משהו מבלבל, איטי, או 
שאינו עונה על צרכיהם! 


כתוצאה מכמות האפשרויות המדהימה ומהיכולת 
לדלג למקוס אחר בקלות, משתמשי ה-ט6/\ נוטיס 
לחוסר סבלנות ולהתעקשות על הנאה מיידית. אס 
הס אינס יודעים כיצד להשתמש באתר 80/\ אחרי 
דקה בערך, הם יגיעו למסקנה שלא כדאי להס לבזבז 
עליו את ומנס ויעזבו. 


השימושיות (ווו0580) תופסת חשיבות רבה יותר 
בכלכלת האינטרנט מאשר בעבר. בתהליך פיתוח 
מוצר פיסי מסורתי, הלקוחות לא יכלו לעבור את 
חוויית השימושיות של המוצר לפני שהם קנו אותו. 
נניח, לדוגמה, שאתה קונה מכשיר וידאו ומגלה 
שקשה לכוון בו את השעון, ומשוס כך אינך מצליח 
לתכנת את זמן ההקלטה של התוכנית החביבה עליך. 
העניין אבוד - היצרן כבר צוחק כל הדרך אל הבנק. 


בתעשיית התוכנה יש קצת יותר מוטיבציה מאשר 
בתעשיית המוצריס הפיסיים בשיפור השימושיות. 
כשמדובר בתוכנה, יש למשתמשים לרוב גישה 
למרכזי תמיכה אליהס הס יכוליסם להתקשר כדי 
לקבל עזרה בפתרון בעיות. שיחות תמיכה אלו יקרות 
מאוד (ההערכה נעה בין 530 ל-%100 לשיחה, על פי 
מורכבות התוכנה), ורוב השיחות מתקבלות כתוצאה 
מתכנון שימושיות גרוע של התוכנה. לרוע המזל, 
תקציב הפעלת מרכז התמיכה אינו קשור לתקציב 
פיתוח השימושיות של התוכנה, ולכן אין למנהלי 
הפיתוח מוטיבציה לפתח ממשקי משתמש מצוינים. 
ההטבות שלהס מתקבלות כתוצאה מהשלמת המוצר 
בזמן, ולא מחסכון בתקציב השנה הבאה של מחלקת 
התמיכה. 


0 משנה את התמונה. כיוס, המשתמשים חוויס את 
יכולתס להשתמש באתר לפני שהס מתתייבים 
להשתמש בו ולפני שהוציאו כסף על רכישות 
פוטנציאליות. 


המשוואה פשוטת: 


% כשמדובר בעיצוב מוצרים ותוכנה, הלקוחות 
משלמיסם קודם, וחוויס את יכולתס להשתמש 
במוצר אחר כך. 


התחרות קשה 


ב-60/)\, התחרות אינה 
מוגבלת לחברות בתחום 
שלך. כשיש מליוני אתרים 
אחרים, אתה מתחרה על 
זמנו ותשומת ליבו של 
המשתמש. רף הציפיות 
של משתמשי ס6/\ נקבע 
לפי האתרים אשר להם 


השימושיות הטובה ביותר. 


הלך המחשבה הוא "אם 
אני יכול לקבל את 
השירות המצוין הזה 
כשאני קונה ספר ב-%5, 
מדוע אינני יכול לקבל 
שירות מקוון טוב כשאני 
מוציא עליכם אלפי 
דולרים?". זו, דרך אגב, 
שאלה מצוינת. 








6% ב-ט6)\, המשתמשים חוויס את יכולת השימוש 
קודס כל ומשלמים אחר כך. 


לכן ברור מאוד מדוע השימושיות חשובה יותר 
בעיצוב ב-60/\. 


אמנות מול הנדסה 


יש שתי גישות בסיסיות לעיצוב: האידיאל האמנותי 
של הביטוי העצמי והאידיאל ההנדסי של פתרון בעיה 
עבור לקוח. ספר זה נוגע בצד ההנדסי. אני מודה שיש 
צורך באמנות, הנאה והרגשה נעימה בזמן הגלישה 
ב-60/\, אך אני מאמין כי המטרה העיקרית של רוב 
הפרויקטיס ב-60/\ היא להקל על לקוחות בביצוע 
משימות בעלות ערך. 


אני מתאר גישה שיטתית לעיצוב ס6/ו. כל אחד יכול 
להשתמש בשיטות המוצגות כדי לגלות את צרכי 
המשתמשים והקשייס שבהם עשויים להיתקל בעת 
שימוש באתר. כאשר מתייחסיסם לפרויקט ס6/\ כאל 
פרויקט פיתוח תוכנה, קל יותר לעמוד בלוח הזמניס 
ולהבטיח את איכות האתר. ספציפית, יישוס שיטות 
הנדסיות בנושא שימושיות (שווופ058) שיובנה 
(חטווטם) לתוך פרויקט ה- פ6\\ שלך, יביא לשיפור 
עקבי של האתר, תוך שמירה על העיצוב הראשוני ועל 
עיצוביםס חדשים שיבואו. 


בספר זה תמצא כללים רבים, עקרונות, קוויס מנחיס 
ושיטות. כולס נובעיס מניסיון וידע מה באמת עובד 
כשמשתמשיס אנושיים מנסיס לבצע משימות 
אמיתיות ב-60/)\. מאז תחילת ימי ה-60/\, צפיתי 
במאות משתמשיס שגלשו במאות רבות של אתריס 
שוניס. ואת בנוסף, כמובן, לאלפי משתמשיסם אחריס 
בסוגיס רביס של מערכות מידע מקוונות מאז תחילת 
שנות השמוניס. 


אינני טוען כי יש ליישס כל אחת מהנחיותי בכל 
פרויקט. המשתמש המקצועי והמנוסה יודע מתי 
ללכת על פי הכללים, ומתי לכופף כלל או אפילו 
להתעלם ממנו. אתה חייב לדעת את החוקים לפני 
שתוכל להחליט אם כדאי לשפר פרויקט מסויס על 
ידי סטייה מכמה מהם. בנוסף, ישנו כלל מנחה 
ליייובצאיס מן הכלליי האומר כי עליך לעשות זאת רק 
כשיש לך סיבה טובה לכך. 
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אודות הדוגמאות 


הספר מכיל תצוגות מסך 
(567660570%5) רבות של 
עיצובי פ6/\ אמיתיים, 
והדוגמאות וההערות 
מתייחסות לאתרים כפי 
שהם נראו ביום בו ביקרתי 
בהם. אספתי דוגמאות 
ותצוגות מסך במשך 
מספר שנים, ולכן רוב 
האתרים הללו השתנו - 
בתקווה שהשינוי היה 
לטובה - בזמן שאתה 
קורא את הספר. אם 
תגלוש לאחד האתרים 
הנזכרים בספר ותמצא 
שהוא השתנה, אין פירוש 
הדבר שהדוגמה שלי אינה 
תקפה יותר. הסיבה 
לנתינת דוגמאות היא לא 
כדי למתוח ביקורת או כדי 
לקטול אתרים מסוימים, 
חברות או מעצבים. לכל 
העיצובים יש את הצדדים 
הטובים והפחות טובים, 
ולפעמים אני מדגיש חלק 
טוב של אתר גרוע או חלק 
גרוע של אתר טוב. 
הדוגמאות מיועדות 
להדגים את העקרונות 
והשיטות לעיצוב ב-60/ו, 
משום שקשה להבין את 
התיאוריה ללא דוגמאות 
ספציפיות. 
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לגישה ההנדסית יש יתרון עיקרי אחד: כשאתה 
בספק אס לבחור בעיצוב זה או אחר, אתה יכול 
להציב שאלה ניסיונית שניתן לענות עליה על ידי 
איסוף נתוניס אמיתייס מהלקוחות שלך. האס 
הגולשיס יכוליס למצוא מידע מהר יותר בעזרת 
עיצוב אי או עיצוב בי האס המשתמשים נותנים דרוג 
גבוה יותר לעיצוב אי או לעיצוב בי כשהס ממלאיס 
שאלון שביעות רצון: בחר בעיצוב שיקבל את הדירוג 
הגבוה ביותר ולא את ה שאתה מחבב אישית. 


כמובן שהשיטה המדעית יכולה להביא אותך עד 
לנקודה זו בלבד. אתה עדיין צריך את ההשראה 
והיצירתיות בעיצוב. ישנה שיטת שימושיות הנדסית 
אחת בה כל אחד יכול להשתמש, המסוגלת להצביע 
על בעיית משתמשים לנווט באתר, או אס כולס 
מתעלמיס מלחצן החיפוש בדף הראשי שלך. כשאתה 
לוקח את התוצאות הללו בחשבון, ומוצא סכמת 
ניווט טובה יותר, או מציב טוב יותר את לחצן 
החיפוש - זה אינו רק עניין של ביצוע סדרת צעדיס 
קלה. צריכה להיות לך גם השראת עיצוב טובה. עס 
זאת, וכור כי המצאות וחידושיס מורכביס מ-10% 
של השראה ו-90% של עבודה קשה. הדרך להשגת 
רעיונות עיצוב מתאימים (ולא רק רעיונות לעיצוביס 
מדליקיס שאף אחד לא יעשה בהס שימוש) היא 
לצפות במשתמשים ולראות מה הס אוהבים, מה הס 
מוצאיס בקלות, והיכן הם מתקשים. הדרך להשיג 
רעיונות עיצוב טוביס היא לרוב לעקוב אחר שיטות 
הנדסת שימושיות (ץ8ס|00סר160 בַההחססחופַת= 580 
ולהפניס את תגובות המשתמשים. 


השימושיות ב-60\\ משתנה בקצב נמוך מזה של 
טכנולוגיית ה-60/\, ולכן השיטות והתפיסות אותן 
תלמד בספר זה ישמשו אותך עוד שניס רבות, אפילו 
אם יישוס העיצוב שלך ישתנה במידה רבה. רביס 
מהעקרונות אותם אני מציג בספר זה גובשו ממחקר 
שערכתי בעצמי וכן ממחקריס של אחריס בנושא 
קישורים (פאחוו) ומערכות תצוגה אינטראקטיביות 
אחרות. אני, אישית, ביצעתי את פרויקט הקישוריס 
הראשון שלי ב-1984, אך אחריס היו בתחוס כבר 
משנות השישים. רבות מהתוצאות הללו עמדו במבחן 
הזמן. כאשר השיטות של אמצע שנות השמוניס 
המשיכו להיות טובות גס בסוף שנות התשעים, יש 
סיבה טובה להאמין כי הן ימשיכו להיות טובות 
במאה ה-21. 





קריאה לפעולה 


אם תקרא את הספר הזה ותניח אותו בצד - נכשלתי. 
כמובן, אם תניח אותו בצד בלי שאפילו תקרא אותו, 
הרי שנכשלתי כישלון מוחלט, אך אני בטוח שהספר 
קור מספיק כדי שתעיף עליו לפחות מבט לפני 
שתשים אותו על המדף. 


מטרת ספר זה היא לשנות את דרך הפעולה שלך. אני 
רוצה שתהיה מסוגל לתת למשתמשים שלך שירות 
טוב אחרי שתקרא את הספר שלי. ישנס כל כך הרבה 
דרכי פעולה כדי להקל על חיי משתמשי ה-60/\. ספר 
זה מלא בשיטות בהן ניתן להשתמש בכמעט כל שלב 
בפרויקט ט6/\, כדי לשפר את חוויית המשתמש 
במידה ניכרת. אין תירוצ לאי שימוש בשיטות אלו 
משוס שרבות מהן זולות מאוד. אין גס תירוצ לכך 
שלא תתכנן לכלול כמה שיטות שימושיות בפרויקט 
עיצוב ה-65/\ הבא שלך, מפני שרבות מהשיטות הללו 
קלות ללמידה. 


לאחר שתקרא את הספר, אתה מוכן לפעולה. גס 
בפרויקט עליו אתה עובד כרגע תוכל ליישס שיטות 
הנסקרות בספר, ורק השימוש בהן יוכל לשפר את 
האתר שלך. הקריאה בנושא לא תהפוך את האתר 
שלך לטוב יותר. רק העש*יה תועיל. וכור, אתה יכול 
לעשות זאת. כל אחד יכול לעשות זאת. אך רוב 
מעצבי ה-68/\ מתעלמים מנושא השימושיות בצורה 
בוטה, ומעצביס להנאתס האישית (או גרוע מכך, 
להנאת הבוס), במקוס לנסות ולספק את צרכי 
המשתמשים. אלו חדשות טובות עבורך משוס שספר 
זהו הנשק הסודי שלך להפיכת האתר לטוב יותר 
מ-90% מהאתרים באינטרנט -משוס ש-90% 
מהמעצבים לא יודעיס על הטכניקות אותן תלמד (או 
לא טורחים להשתמש בהן). 


מה אין בספר 


ספר זה אינו עוסק ב- |וא1 או כיצד לשלב תמונה או 
בטכנולוגיות ט6)\ אחרות. ישנס ספריס רביס וטוביס 
שילמדו אותך כיצד לפתח אתרי טפו\, ולכן אני אפילו 
לא מנסה לכתוב על כך. 


ככל הנראה, יהיה עליך לרכוש שני ספרים: ספר זה, 
שילמד אותך מה לעשות עס האתר שלך וספר ביצוע 
שינחה אותך כיצד לעצב ברשת. אני ממליצ על 
קריאת שני הספריס בסדר אותו ציינתי. עליך לקרוא 
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שימושיות גרועה פירושה 
מיעוט לקוחות 


בכלכלת הרשת, האתר 
הופך לממשק המשתמש 
הראשי של החברה. ואכן, 
בחברות מסחר אלקטרוני 
האתר הוא החברה. ממשק 
המשתמש הופך לחומר 
השיווק, חזית החנות, פנים 
החנות, צוות המכירות, 
ותמיכה לאחר קנייה, כולם 
בחבילה אחת. במקרים 
רבים, האתר הופך אפילו 
למוצר עצמו. לפיכך, 
שימושיות גרועה משולה 
לחנות הממוקמת בקומה 
ה-17 (כך שאף אחד לא 
יכול למצוא אותה), 
שפתוחה רק בין שלוש 
לארבע אחרי הצהרים (כך 
שאף אחד לא יכול 
להיכנס), ואין בה כלום 
מלבד איש מכירות קודר 
שלא מדבר עם הלקוחות 
(כך שהאורחים לא יכולים 
לקנות יותר מדי מוצרים). 
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קודס כל את הספר שלי, משוס שאתה צריך להתחיל 
את פרויקט ה-60/\ שלך (או לשפר את זה שכבר 
פיתחת) בידיעה מהו רצון הלקוחות שלך ומהן 
הדרכיס הטובות לעיצוב אתר שיעשה זאת עבורס. 
מסוכן לקרוא ספריס העוסקים ב- |וזדו:, 18/55610%, 
5\, ח35!ם, 38 או !אא לפני ספר זה. רוב האנשיס 
אינס יכולים לחכות ומעונייניס לבנות דפים כמה 
שיותר מהר ולכן הס מתחילים בלימוד 11 ולא 
בקריאת ספר זה. ולרוב, דפיס ואתרים אלו חסרי 
שימוש אס הס בנוייס מתוך הבנת ‏ 11 או ח85!= 
בלי הבנה מתאימה של עקרונות השימושיות וצרכי 
המשתמש. 


ספר זה אינו עוסק באסטרטגיית עסקים באינטרנט, 
למרות שישנן כמה החלטות אסטרטגיות המתוארות 
בו. אין לי דרך לספר לך כיצד להפעיל את העסק שלך 
באינטרנט. עלי לדעת את הגורמיס הספציפיים 
הקשוריס בכל תעשיה ובכל חברה כדי לעשות זאת. 


עס ואת, הספר כן מתמקד ברעיון אסטרטגי הקשור 
לתמונה הגדולה: הצב את צרכי הלקוחות שלך 
במרכו אסטרטגיית ה-ט6/\ שלך. האסטרטגיות 
הנותרות ישתנו מחברה לחברה, אך אני יכול להבטיח 
לך כי לכל חברה הדואגת לאתר קל לשימוש יש יתרון 
על מתחריה, ולא חשוב באיזו תעשיה מדובר. 


מדוע כולם מעצבים 
אתרי ספ\\ בצורה לא נכונה? 


ספר וה מבוסס על סקר בדיקות שימושיות שנערך 
בקרב 400 משתמשים מרקע שונה, המשתמשים 
במספר גדול של אתרי פ6ש\ שוניס במשך שש השנים 
האחרונות. השתמשתי גס בלקחים שהפקתי מ- 10 
השניס בהן עבדתי בנושא השימושיות, מערכות מידע 
מקוונות וקישוריס בתקופה שלפני ה-ס6/\. 


התחלתי לעצב ב-60/\ בשנת 1994, ומאז עשיתי 
שגיאות רבות. בתחילה חשבתי ששגיאות אלו היו 
פשוט תוצאה של המגבלות שלי, אך כשהמשכתי 
לראות את רוב החברות האחרות עושות את אותן 
השגיאות שעשיתי ב-1994 וב-1995, הגעתי למסקנה 
שבעיות אלו בלתי נמנעות בפרויקט ס6\\ ראשון של 
חברה אלא אס ננקטיס צעדי מניעה מפורשים. 





אחת מהמטרות הראשיות של הספר הזה היא לעזור 
לאחריס להימנע מלעשות את השגיאות הללו שוב 
ושוב, שהרי אלו שאינס יודעיס את החיסטוריה נדונו 
לחזור עליה. אס תדע אותה, תוכל לעשות דבריס 
טובים יותר. 


השגיאות הנפוצות בכל רמות העיצוב ב-80/\: 


6% המודל העסקי: התייחסות ל-פ6ש\ כאל דף 
פרסומי, במקוס להתייחס אליה כאל שינוי 
מהותי שישנה את הדרך בה אנו עושיס עסקיס 
בכלכלה החדשה. 


> ניהול פרויקט: ניהול פרויקט ס6\\ כאילו היה 
פרויקט מסורתי. דבר זה מוביל לעיצוב 
המתמקד בפניס האתר ולממשק משתמש לא 
עקבי. במקוס זּאת, על אתר פ6ש\ לחיות מנוהל 
כפרויקט ללקוח אחד עס ממשק משתמש אחיד. 


> ארכיטקטורת מידע: בניית האתר כך שישקף את 
המבנה הארגוני של החברה. במקוס זאת, על 
האתר להיות בנוי כך שישקף את משימות 
המשתמשיסם ואת זווית מרחב המידע שלהס. 


> עיצוב דף: יצירת דפים שנראים נהדר וגורמים 
להרגשה חיובית כשהם מודגמיס בתוך החברה. 
המצגות הפנימיות במסגרת החברה אינן סובלות 
מהשהיות זמן התגובה, שהן הבעיה העיקרית של 
השימושיות ב-ס6/\. כמו כן, המצגת אינה 
חשופה לקשייס שמשתמש חדש עשוי להיתקל 
בהס במציאת רכיבי הדף השונים ובהבנתם. 
במקוס וּאת, עצב את האתר עבור המשתמשים, 
אפילו אס המצגות שלך ייראו פחות יימדליקות'י. 


*> כתיבת תוכן: כתיבה באותו הסגנון הלינארי בו 
כתבת תמיד. במקום וּאת, אל את עצמך לכתוב 
בסגנון החדש המותאם במיוחד עבור הקוראים 
המקווניסם, שלעיתים קרובות רק סורקים את 
הטקסט וזקוקים לדפים קצרים מאוד עס מידע 
משני המקושר לדפים אחרים. 


6% אסטרטגיית קישור: התייחסות לאתר שלך 
כאילו הוא הדבר היחיד שחשוב, ללא קישוריס 
מתאימיס לאתרים אחרים, וללא נקודות כניסה 
מעוצבות היטב עבור אתריס אחריס אשר ירצו 
ליצור קישור אליך. חברות רבות לא משתמשות 
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בקישוריס מתאימים אפילו כשהן מזכירות את 
האתר שלהן עצמן בפרסומות שלהן. במקוס 
ואת, וכור כי הקישור הוא בסיס ה-ט6\\ ואף 
אתר איננו אי בודד. 


בכל אחד מהמקריס הללו, מתברר כי הדרך הטבעית 
בה מעצביס מבצעים פרויקטי פס/\, ומסתמכים על 
ניסיונס האישי שלא קשור ל-ס6\\ - שגויה. ה-80/\ 
הוא מדיוס חדש הדורש גישה חדשה, כפי שמוסבר 
בספר זה. 





עיצוב דף 


עיצוב הדף הוא החלק המתגלה באופן המיידי ביותר בעיצוב 60/). 

בטכנולוגיית הדפדפנים הנוכחית, המשתמשים רואים דף אחד בזמן 
נתון (או מקסימום שניים-שלושה דפים אם יש להם מסך גדול והם 
פותחים כמה חלונות). פרק זה נוגע בשימושיות התצוגה של אתר 
0 \: מה יש בכל דף? 
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(בעמוד הבא) כשמבקרים 
באתר 0655ק3, רוב שטח 
המסך מוקצה למשהו אחר 
שאינו שייך לתוכן שבגללו 
הגיע הגולש לאתר. מתוך 
0 פהפיקסלים 
שבתצוגת 600א800, רק 
% מוקצים לתוכן 
שמעניין את המשתמש 
(תוכן זה מצוין ב- 1 - ירוק 
במפה התחתונה). בנוסף, 
% מהפיקסלים מוקצים 
למערכת ההפעלה ולפקדי 
הדפדפן (4 - כחול), 23% 
מוקצים לניווט באתר (3 - 
צהוב), ו-10% מוקצים 
לפרסומות (2 - אדום). 16% 
הנותרים אינם בשימוש (5 - 
לבן) משום שמבנה דף זה 
אינו מאפשר סידור מחדש 
כך שהוא יתאים לחלון. 


8 עיצוב ממשק באינטרנט 


על אף מה הנאמר בפתיחה לפרק, עיצוב האתר חשוב 
יותר כשמדובר בשימושיות, משוס שהמשתמשיס לא 
יתקרבו לדפיס הנכוניס, אלא אס כן האתר בנוי לפי 
צרכיהס, ויש בו סכמת ניווט המסייעת להס למצוא 
את מה שהס מחפשים. נושאיס אלו, הקשוריס 
בעיצוב האתר, וכן עיצוב התוכן הממשי בכל דף 
מתואריס בפרק מתקדם יותר. 


נכסי מסך 


התוכן השולט בדפי ט6\\ צריך להיות זה שיעניין את 
המשתמש. לרוע המזל, אנו רואיס אתריס רביס 
המבזבזיס יותר שטח מסך על ניווט, מאשר על המידע 
שגרס למשתמש להגיע לאתר. עזרי הניווט הכרחייס 
אך הם לא יעד בפני עצמו, ולכן עליהס להיות 
מצומצמיסם עד כמה שניתן. 


כתרגיל מעניין, נסה לתחוס את האזוריס הראשייס 
בדף ט6/\, ומדוד (בפיקסליס) את % השטתחיס 
שהוקצו למטרות שונות. הדוגמאות שלי בתמונות 
הבאות כוללות שטח בו משתמשיס הדפדפן ומערכת 
ההפעלה. למרות שעל פי רוב מעצבי ה-65/\ אינס 
יכוליס להשפיע על השטח הזה, זה לא מעניין את 
המשתמשים. כל מה שהם יודעים זה שהסם שילמו 
(במונחי כסף, ומן) עבור כמות של פיקסליס 
שמותקניס במסך שלהם, ורק 20% ו- 14% בהתאמה 
מפיקסליס אלה משמשים להצגת התוכן שהס רוציס 
לראות. 


כמו בכל תצוגה, שטח לבן (665560866וח//) אינו בהכרת 
חסר שימוש, ותהיה זו טעות לעצב דפים דחוסיס 
מדי. שטח לבן יכול להנחות את העין ולעזור 
למשתמשים להבין את צורת קיבוץ המידע באתר. אס 
אתה צריך לבחור בין הפרדת שני מקטעי תוכן שוניס 
על ידי קו עבה או על ידי שטח לבן, מומלצ (לרוב) 
להשתמש בשטח הלבן, שגס דורש לרוב פחות זמן 
להורדת הדף. 
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(בעמודים הקודמים) הצגת 
3% על מסך גדול יותר 
תגרום גם היא לניצול רע של 
השטח. מתוך שטח פיקסלים 
של 1024א700, רק 14% 
מוקצים לתוכן (מצוין ב- 1 - 
ירוק במפה השמאלית). 16%, 
שטח, מקובל יותר, אך עדיין 
גדול מדי, מוקצים למערכת 
ההפעלה ולפקדי הדפדפן (4 - 
כחול), השטח הגדול ביותר 
של 51% מוקצה לניווט באתר 
(3 - צהוב), ושטח מתקבל על 
הדעת של 6% מוקצה 
לפרסומות. השטח הנותר, 
%, אינו בשימוש (5 - לבן). 


(בעמוד הבא) תצוגות המסך 
הקודמות של אתר 180065 
נלקחו ב-1997. אחרי שהצגתי 
את הדפים הללו שנתיים 
בהרצאות ברחבי העולם, 
קיוויתי שהאתר יעוצב מחדש. 
הוא אכן עבר שינוי, אך לא 
לטובה, אם נתייחס לתוכן 
המעניין את המשתמש. בשנת 
9, רק 15% מהפיקסלים, 
מתוך 6421014 פיקסלים 
שהוקצו לעיצוב הנוכחי היו 
בנושא התוכן. 

העיצוב החדש מציג סוג חדש 
של "זיהום פרסומות" בצורת 
לחצנים מיוחדים המוסיפים 
רשימות מיפוי של חברות 
נבחרות. זוהי תוספת שאינה 
הכרחית לאף אחד המטייל 
בלונדון לדעת דווקא את 
מיקומו של ה-5'ץחח6כ הקרוב 
או חח1 60וזו8=. 


התכונה החדשה שהיא כן 
שימושית, היא היכולת 
להשתמש ב-05ב6)!!3וט0 כדי 
להגיע למיקום נמל התעופה 
(למרות שכדאי להפוך את 
הית'רו לברירת המחדל של 
שדות התעופה כשמציגים 
מפת כתובות בלונדון). 


2 עיצוב ממשק באינטרנט 


אינני מתייחס לשטח לבן (650866פוח/\) כשטח מבוזבז 
כשהוא מופיע כחלק מעיצוב התוכן או עיצוב הניווט, 
אך הדוגמאות המוצגות כאן מראות כי ישנו גס שטח 
לבן שאינו מוצג כתוצאה משיקול כלשהו הקשור 
לעיצוב. הוא פשוט נמצא שס משום שהדף אינו 
מתאיס את עצמו לחלון הזמין. אי אפשר להימנע 
מכמות מסוימת של שטח לבן ברוב העיצובים, משוס 
שכמעט בלתי אפשרי ליצור תמיד דף שייראה כריבוע 
מושלס בתוך דפדפן המשתמש. לרוב, יישארו כמה 
חורים (לבנים). 


ככלל, התוכן צריך לתפוס לפחות מחצית מעיצוב 
הדף, ומומלצ להשתמש אפילו ב-80%. הניווט אמור 
לתפוס פחות מ-20% מהשטח בדפי היעד, למרות 
שאפשרויות הניווט עשויות לתפוס חלקים גדוליס 
יותר מהדף הראשי ובדפי ניווט אמצעיים. מזווית 
השימושיות, הדבר הטוב ביותר הוא להימנע 
מפרסומות. אס אתה חייב להציג פרסומות, עליך 
להחשיב אותן כחלק נלווה לדף, כמו אפשרויות 
הניווט. משמעות הדבר היא שיהיה עליך להקטין את 
עיצוב הניווט. 


עקרון כללי לכל עיצוב ממשק משתמש הוא לעבור על 
כל רכיבי העיצוב שלך ולהסיר אחד מהס בכל פעם. 
אס העיצוב טוב ללא רכיב עיצוב מסוים, היפטר 
מהרכיב. הפשטות (שוסו|סוחו5) תמיד מנצחת את 
המורכבות (עוא6!סו60), במיוחד ב-60/\, שבה כל 
חיסכון ביימשקליי הדף, פירושו קיצור זמןו ההורדה 
של הדף (ואפילו עס זה בא לידי ביטוי במספר 
מילי-שניות בודדות). 


ב-60/\, אין אפשרות לחזות מהו גודל המסך ("15, 
"17 וכדומה) של המשתמש ואיזה גודל חלון ישמש 
להצגת הדף (8|5א80001א600, או כל מספר אחר). 
בעתיד, יתבצע דו-שיח מפורט בין השרתים לדפדפניס 
כדי להביא לפריסה חכמה יותר של התוכן בהתחשב 
במאפייני המסך הספציפי עליו העמודים אמוריס 
להיות מוצגיס. לדוגמה, התמונות יוקטנו אס הן 
מיועדות להצגה על מסך קטן. בנוסף, ניתן יהיה 
לשלוח גיליון סגנון (5860 5%/16) עס סידור צפוף 
יותר כשמדובר במסך קטן, וגיליון סגנוו רחב יותר 
כששטח התצוגה הזמין גדול יותר. נכון לעכשיו, 
תחזיות אלו לתוכן מותאם נמצאות עדיין בגדר 
תקווה לעתיד, ויש להשתמש בעיצוב דף יחיד כדי 
לעבוד עס כל התקני התצוגה השוניס. 
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עיצוב פברואר 1997 


(למעלה) הימנעות משטח לבן מבוזבז אינה חייבת לגרום 
לסידור צפוף כמו מהדורת פברואר 1997 של הדף הראשי 
של זסְסַחוְַחזהּק. עיצוב קלסטרופובי זה נראה כמו מסך 
הפתיחה של 801 בתוספת סטרואידים. 
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הסש .170061 08 ./ש/ע/ע 


(בעמוד הקודם, למטה) 
מהדורת יוני 1997 של הדף 
הראשי נותנת תחושה רגועה 
יותר, למרות שהיא עדיין 
מבלבלת במידת מה. הקווים 
המפרידים את הכותרות 
אינם נחוצים. ניסיתי להסיר 
את הקווים ולהעביר את 
הכותרות קרוב יותר ללוגו 
המגזין, כדי להדגיש בבירור 
לאיזה מגזין משויכת כל 
כתבה. העיצוב המחודש 
(בעמוד זה, למעלה) 
משתמש בשטח לבן במקום 
בקווים, והוא נראה פחות 
עמוס. 


הצעת עיצוב מחדש 


עיצוב לפלטפורמות מרובות 


בעיצוב 601 מסורתי, אתה שולט בכל פיקסל שעל 
המסך: בכל פעס שאתה מציב תיבת דו-שיח, אתה 
יכול להיות בטוח שהיא תיראה בדיוק באותה הצורה 
על מסך המשתמש. אתה יודע עבור איזו מערכת 
הפעלה אתה מעצב, אתה יודע איזה גופן מותקן, אתה 
יודע מהו גודלו הטיפוסי של המסך, ויש לך את 
מדריך הסגנון של יצרן המערכת, המספק לך את 
הכלליס לשילוב הלחצניס והסמלים. אתה יכול אפילו 
לבטל (לצבוע באפור) אפשרויות תפריט שאינן 
פעילות, ואתה יכול להציג תיבת דו-שיח מודאלית 
שתשתלט על המחשב עד שהמשתמש ענה על השאלה. 


ב-60/\, לעומת זאת, יש למשתמש שליטה על הניווט 
שלו בין הדפיס. המשתמשים יכוליס ללכת בדרכים 
שונות שלא תוכננו על ידי המעצב. הם יכולים, 
לדוגמה, לקפוצ ישירות אל תוככי האתר מתוך מנוע 
חיפוש, בלי שיעברו דרך הדף הראשי שלו. 
המשתמשים יכולים גם לשלוט בתפריט הסימניות 
(8/071565= /8765ה800%) שלהם, והם יכוליס להשתמש 
בו כדי ליצור ממשק מותאם אישית באתר. 


מעצבי 60/\ צריכיס להתפשר ולתמוך בניווט הנשלט 
על ידי המשתמש. לעיתים, אתה יכול לאל את 
המשתמשים לעבור דרך נתיביס קבועים ולמנוע מהס 
מלעבור לדפים מסוימים, אך אתריס שעושיס ואת 
נותניס תחושה שתלטנית וגסה. עדיף לעצב אתר בו 
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מסוכן להשתמש בגופנים ספציפיים ב-69/\. דף זה 
משתמש בסוג גופן שאינו זמין במחשב עליו הוא הוצג, 
ולכן רוב הטקסט לא הוצג כראוי. לרוב, רצוי לא לציין כלל 
את סוג הגופן, אלא לקבל את גופן ברירת המחדל, משום 
שידוע כי גופן זה יתאים תמיד. לחילופין, כשאתה רוצה 
גופן מסוים, ודא כי אתה מציין כמה חלופות כדי להגדיל 
את הסיכוי שאחד מהגופנים יהיה זמין במחשב המשתמש. 























אחט? זוב3ּה6 ₪ אחז בצה 


בספרו של 6אד 6ז8/ו0ם, 
3, "ץב]5וכ |1508/\ סחדך 


הסו 8 0+ח1 6ע לס חבט זס" 


יצא המחבר כנגד גרפיקה 
עסקית מיופייפת ומנופחת, 
שתופסת נפח תקשורת 
גדול, בעוד שכמות הנתונים 
קטנה. שד הציג את 
תפיסת "אח1 הַּזְהס", שבה 
צריך הגרפיקה צריכה 
להתייחס למספרים שהיא 


מתארת במקום להתייחס 
אל המספרים כאל קישוט 
בלבד. כל השאר הוא 

אחטנ זזהח6, לדעת 6אטד. 


למרות שדפי 60/\ אינם 
טבלאות נתונים, הרי 


שהתפיסות הללו מתאימות. 


כדי לגרום למשתמשים או 
לקוראים להתמקד בחלקים 
העיקריים. הסר כמה שיותר 
מידע טפל! 





התנועה חופשית, ולדוגמה, להציב לוגו (שיקשר לדף 
הראשי) בכל דף, כדי לספק תוכן ואמצעי ניווט 
למשתמשיסם שהגיעו ישירות אל תוך דף פנימי. 


הבדל אחרון בין שני הממשקיס הוא עיצוב ארגוני 
והיסטורי, במקוס עיצוב טכני. ב-601 (|800168 
16 5 - ממשק משתמש גרפי), היה לנו 
יתרון של מחקר ראשוני איטי ופיתוח בחברות 
מובילות עס מומחי ממשק משתמש כמו החוקריס 
הרביס ב-228₪6 אסזסא ו-1ה(822ח00 ד 66טזם ב-6!סקה. 
כתוצאה מכך, הרעיונות הגרועיס נדחו והטוביס הפכו 
לכללים מנחיס לפני שהממשקים הללו הופצו 
למשתמשי המחשב הביתי. בניגוד לכך, ה-80/\ 
מתפתחת כל הזמן ואנחנו משמשים בה שפני ניסוי. 


מהיכן מגיעים המשתמשים? 


ב-60/\), רוב ההנחות שמתאימות לעיצוב 601 בטלות. 
המשתמשים יכולים לגשת ל-60/\ באמצעות מחשביס 
רגילים, אך הס יכוליס להשתמש גס בהתקן יד מבוסס 
עט אלקטרוני, טלפון סלולרי, או אפילו במכונית שלהס. 
בעיצוב מסורתי, ההבדל בשטח המסך בין מחשב נישא 
לתחנת עבודה הוא בפקטור 6. ב-69/\ אנו צריכיס 
להתאים פקטור של 100 בשטח המסך בין התקניםס 
נישאיס לבין תחנות עבודה, ופקטור של 1,000 ברוחב 
פס בין מודמים לבין חיבורי 3ד. 


רוב דפי ה-65/\ פועליס כשורה רק על מסך "17 
בהפרדה של לפחות 768א1024% פיקסלים. במסך קטן 
יותר, המשתמשים ייאלצו לגלול את התצוגה כדי 
לראות את כל חלקי הדף לו הס וקוקים. זה לא צריך 
להיות כך. אנו יכולים לקוות שהמשתמשים ישיגו 
מסכיס טוביס, אך בשניס הקרובות עלינו לעצב דפיס 
שיתאימו למסכים קטניס. 


הטבלה הבאה מציגה את התפלגות גדלי המסכים 
בהס השתמשו לגישה לאינטרנט ב-1997 וב-1999. 
המסקנה הבולטת היא שבשנתייס שעברו לא 
התערערה בהרבה שליטת המסכים הקטנים. יש 
לשיס לב שלמרות המעבר הבולט בשוק למסכי "17 
ולכרטיסי מסך התומכיס בתצוגה של 768א1024 
פיקסלים ומעלה, עדיין מרבית המשתמשיס בוחריס 
לראות תצוגה של 600א800. למרות שבשנת 1999 לא 
היו כל כך הרבה מסכיס קטניס כפי שהיו בשנת 
7, מספרס עשוי לגדול בשנת 2000 בשל 
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הפופולריות של התקני המידע הקטניס טסוו חחפוס, 
טלפוניס סלולריים). 


התפלגות גדלי מסכים ב-1997 וב-1999 * 


גודל מסך 6חה פטזסו] | 06%זב!51310 
107 109 

קטן מאוד (640%480 22% 1% 

או פחות) 

קטן (600א800) 4% 5% 

בינוני (768א1024) 2% 2% 

גדול (1280%1024 6% 2% 

או יותר)** 


* נתוני 1997 הם ממוצע תוצאות של 5000 משתמשים 
אשר ניגשו לאתר וחסס.פטזסח.שטאשו ולמעלה מ-11000 
תגובות לסקר (/6%. נתוני 1999 הם מאתר 

ו 66.60 רת8%ל5. אשצשש. 


** מסכי 1200א1600% ומסכים גדולים יותר יהפכו לנפוצים 
יותר משנת 2000. 


כל עיצוב 60/\ נתון ייראה אחרת בכל אחד מהתקניס 
שוניס אלו. ברור שתפיסת 6ץ//51ץ/\ עברה מהעולס. 
במקוס לנסות ליצור מחדש את אותו המראה החזותי 
עבור כל המשתמשים, המעצבים חייבים להתייחס 
לדפים במונחיס של מקרי משתמשים בודדים. תכנון 
מפרט ממשק משתמש מופשט המותאם במיוחד לכל 
פלטפורמה קשה הרבה יותר ממה שנראה. העקרונות 
הבסיסייס של |אזו יכוליס לקרב את המעצב אל 
האידיאל, אך הס לא ינחו אותו לאורך כל הדרך. 
מומלצ להפריד משמעות מאופן תצוגה, ולהשתמש 
בגיליונות סגנון כדי להגדיר מצגות, אך הדבר עובד 
טוב יותר עבור תוכן אינפורמטיבי מאשר עבור 
תקשורת אינטראקטיבית. 


המכונית כדפדפן טפש 


חברת מרצדס-בנץ תכננה רעיון של מכונית הכוללת חיבוריות מלאה לאינטרנט. אב 
הטיפוס של דגם 5420 מגיע יחד עם שלוש תצוגות מסך שטוח: אחת לנהג ושתיים 
לנוסעים. חיבור האינטרנט ברכב חייב להיות אלחוטי, ולכן רוחב הפס מוגבל מאוד, במיוחד 
אם הוא אמור להתחלק בין שלושה משתמשים. הנוסעים יכולים לגלוש ב-60/\ בדרך דומה 
מאוד למשתמשים מחשב, פרט לכך שהם ישתמשו במסכי מגע (6605ז50 ח6טסד) כהתקני 
הקלט שלהם במקום במקלדת ועכבר. הנהג חייב להסתכל על הדרך ולא על המסך, ולכן 
ניתן לגלוש ב-65/\ על ידי התקן קלט ופלט קולי. בנוסף, המכונית יכולה להפוך להתקן 
קלט בעצמה בכך שהיא תשדר את מיקומה לשרת, וניתן יהיה להקרין מידע על החלון 
הקדמי, ולהפוך אותו לתצוגה קדמית (בדומה לנעשה במטוסי קרב כדוגמת 16-:). 
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עיצוב שאינו תלוי ברזולוציית מסך 


אין דרך לדעת מהו גודל המסך של המשתמשים, ולכן 
עליך לעצב עבור כל רמות ההפרדה (חסוזט|0650א). 
במיליס אחרות, עליך לעצב דפיס שאינס תלוייס 
ברמת הפרדה והמתאימיס את עצמס לכל סוג מסך 
עליו הס מוצגים. הכלל הראשון בעיצוב שאינו תלוי 
ברמת ההפרדה הוא לא להשתמש לעולס ברוחב 
פיקסל קבוע באף טבלה, מסגרת (6:876), או רכיבי 
עיצוב אחריסם (פרט, אולי, לפסיס דקיס שלצד הדף). 
במקוס להשתמש בגדליס קבועים, עליך לציין את 
הסידור כגודל באחוזיס מהשטח הזמין. 


זכור גס כי למשתמשים יש העדפות שונות שקשורות 
לגודל הגופן, ולכן עליך לוודא שהעיצוביס שלך יעבדו 
טוב הן עס גופניס גדוליס והן עס גופניס קטנים. 
לגולשיס עשויה להיות העדפה שונה משלך, בשל מגבלה 
חזותית כלשהי, או שפשוט יש להס מסך ברזולוציה 
גבוהה שבו לא ניתן לקרוא את הגופניס הקטנים. 


גם רכיבי גרפיקה צריכים להיות מעוצביס תוך 
התחשבות ברמות הפרדה שונות. הסמליס (16005) 
חייביס להמשיך לפעול כשהן מוצגיס ברוולוציה של 
וק1000 או טובה יותר. ככל שהרזולוציה עולה, כך 
הגרפיקה נראית קטנה יותר בתצוגה, ולכן הטקסט 
שבתוך הגרפיקה חייב להשתמש בגופן גדול יחסית 
כדי שהוא יישאר קריא. עקרונית, מומלצ לא לכלול 
טקסט בתוך גרפיקה משום ששיטה זו מאטה את 
התקשורת ומוסיפה עבודה במקרה שרוציס לתרגס 
את ממשק המשתמש לשפות אחרות. 


עומק הצבע ממשיך להעמיק 

בשנת 1997, קצת פחות ממחצית מהמשתמשים הוגבלו ל-256 צבעים טופ 8), וקצת יותר 
ממחצית המשתמשים היו מסוגלים להציג אלפי או מליוני צבעים. בשנת 1999, רק 11% 
מהמשתמשים הוגבלו לפלטת צבעים של 256, בעוד ש-89% יכלו לצפות באלפי צבעים 

טופ 16) או מיליוני צבעים 0ופ 24). בדרך כלל, מערכת ההפעלה עושה שימוש ב-40 צבעים. 
לפיכך, במערכת של 256 צבעים נותרו רק 216 צבעים לשימוש אחר. 1670504 !- 056806ו] 
אימצו את אותו לוח של 216 צבעים בו נעשה שימוש בדפדפנים שלהן. ללוח 216 צבעים יש 
הרבה חסרונות (למשל, הרבה צבעים כחולים וירוקים ופחות צבעים אדומים) אבל זהו הלוח 
שבשימוש. מעצב שיבחר לוותר על השימוש בו, ולהשתמש בכל צבע שירצה, מגביר את הסיכוי 
שהאתר שלו לא ייראה כפי שתיכנן. כרגע, המעצבים יכולים להסתמך רק על לוח 216. בעתיד 
מגבלת העיצוב עבור מספר מוגבל של צבעים עשויה להיעלם. כך גם גידול מספר ההתקנים 
הניידים בעלי הגישה ל-60ו\ יוביל לדרישה להתאים את גרפיקת ה-60\\ למסכים אפורים. 


מדוע ראינו שינוי גדול כזה בעומק הצבע בזמן שנעשה שינוי קטן מאוד בגודל המסך? זאת 

משום שנושא עומק הצבע עוקב מתאים לחוק מור (שזססוז): מחירי כרטיסי הווידאו צונחים 

ככל שעוצמת המחשוב עולה ומחירי הזיכרון יורדים. לעומת זאת, מסכים הם חלקים פיסיים 
והם עדיין יקרים מדי אם אתה רוצה אותם גדולים. 
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דף גרוע של חברת פפסי, 
התלוי ברזולוציית מסך. 
לא משנה עד כמה המסך 
גדול, המשתמש ייאלץ 
תמיד לגלול את הרשימה 
משום שהתצוגה לא משנה 
את גודלה כדי למלא את 
השטח הזמין. 
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מבחינות רבות ניתן להתייחס למדפסת כאל סוג 
מיוחד של תצוגה. יש לה רמת הפרדה גבוהה, אך לא 
רחבה כמו רוב המסכים. בגלל ההבדלים הללו, דפי 
שאינס בלתי תלוייס ברמת הפרדה (רזולוציה) 
לא יודפסו טוב במרבית המקרים. הקריאה המקוונת 
היא השימוש העיקרי בדפי ט6/ש, וכפי שמתואר 
בסעיף ההדפסה, מומלץ לספק גרסת הדפסה נפרדת 
לכל מסמך ארוך - למרות שידוע כי לעיתיס קרובות 
משתמשים עדיין מדפיסים דפי ט6/\ ישירות 
מהדפדפן. דפיס המתוכננים לתצוגה ברוחב קבוע 
ייראו נורא בהדפסה. הס יצאו כחבילת דפיס 
מיותריס שעליהס פס דק, או שהם ייחתכו משוס 
שהס רחביס מדי עבור המדפסת. סידור טיפוסי 
ברוחב 600 פיקסלים שיעבוד טוב ברוב מסכי המחשב 
(למרות שלא ב-/דספ\\ ובהתקנים בעלי מסך קטן) 
יהיה ברוחב 8.3 אינצי, כאשר הוא יודפס ברמת 
הפרדה סטנדרטית של 72 פיקסלים לאינצי. 
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השג לעצמך מסך גדול 


כשאתה מעצב דפי 60/\, 
עליך להתחשב 
במשתמשים בעלי מסכים 
קטנים, אך אתה, כמעצב, 
אינך חייב לסבול: השג 
לעצמך מסך גדול, ההנאה 
שווה את ההשקעה. 


בהתחשב בעובדה שאתה 
בוהה במסך כל היום, 
השקעת סכום נכבד עבור 
מסך 21 אינץ' עשויה 
להיות אחת ההשקעות 
הטובות ביותר שתעשה. 
למעשה, אם אתה מועסק 
בעבודה רווחית, קרוב 
לוודאי שההשקעה תהיה 
כדאית במונחים של 
הגדלת התפוקה. רוב 
המשימות יבוצעו הרבה 
יותר מהר כשאתה יכול 
לקבל יותר מידע במבט 
יחיד. 

המסך האידיאלי אמור 
להיות מסוגל להציג 
לפחות 16001200 
פיקסלים, לפחות בצבעי 
6 סיביות, ובקצב רענון 
של לפחות 10002. ייתכן 
שיהיה עליך להתפשר על 
פחות, אך כל משתמש 
אינטרנט כבד ומקצועי 
(גלישה ודואר אלקטרוני) 
שעיקר עבודתו כתיבת 
מסמכים אמור להשתמש 
במסך בגודל של 17 אינץ' 
לפחות. 








המדפסות זקוקות לשוליים של בין רבע לחצי אינצי, 
ולכו השטח המודפס בגיליון בגודל 8.5%11 הוא 
ברוחב של בין 7.5 ל-8.0 אינצי, ומשמעות הדבר היא 
שלפחות 0.3 אינצי ייחתך מהדף. באותה מידה שהינך 
בודק איך נראה האתר שלך ברזולוציות שונות, 
במסכים שוניס ותחת מערכות הפעלה שונות, כדאי 
שתבדוק מה יוצא בהדפסה במדפסת לייזר ובמדפסת 
הזרקת דיו בגודל דף סטנדרטי - 44 או קוואטרו. 


שימוש בתוכן לא סטנדרטי 


ה-65)\ משתנה כל הזמן, ואני יכול לצפות בוודאות 
שבתוך כמה שבועות מזמן קריאת פרק זה, תופיע 
טכנולוגיית פ6\ חדשה, ואתה תתפתה להשתמש בה 
כדי לשפר את האתר שלך. אל תעשה זאת. 


בפעס הראשונה שראיתי את דף 808|30ח80 בכתובת 
(החסס. 3|30!וח6חסם.אושצו) בעזרת זסזס|קאם +6חזססחן, 
חשבתי ש- 16167050 הכניסה בכוונה קוד שיחסוס 
קישוריס למתחרים שלה, אך האמת פשוטה יותר 
ופחות צינית : 0[8!90ח8ח80 ציינו כי על רקע הדף 
להיות לבן וכי קישורי הטקסט צריכיס להיות לבניס 
(מדוע הס עשו זאת, אינני יודע). קוד ה- |ואד 
הספציפי עבור הקישור ל-606806 היה רשוס בצורה 
לא סטנדרטית. 


ישנס שני לקחים מכישלון זה: הימנע מקוד לא 
סטנדרטי במידת האפשר ואס אין ברירה, השתמש 
לפחות בברירות מחדל מתקבלות על הדעת שיעבדו 
אפילו אס כתיבת הקוד שלך לא הצליחה. ותמיד, 
תבדוק איך נראה האתר שלך בדפדפניס השכיחים 
ביותר בשימוש. 
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(בעמוד הקודם) הדף הראשי 
של אתר 

הסס. 0 8|3 !רחש סם. תעש 
המוצג ב-6056806] 
זסזהּחָוה\ (בצד שמאל) 
וב-3 זסזס|קא= 6%חזס%ח1 (בצד 
ימין). כנראה שכותב הדף 
מעולם לא טרח לבדוק את 
הדף ב-זסזס|קאם 067060ח1 
למרות שהוא השתמש 

ב- |אז לא שגרתי, ההופך 
את הדרישה לבדיקת 
פלטפורמות שונות לקריטית 
יותר מהרגיל. 


ענייני שדרוג 


בתחילת ימי ה-60/), המשתמשים שדרגו את גרסאות 
הדפדפניס שלהס במהירות של 2% לשבוע לערך. 
במיליס אחרות, כל שבוע, גלשו 2% מהמשתמשיס 
לאתר יצרן הדפדפן המוביל והורידו את הגירסה 
העדכנית ביותר. בקצב שדרוג של 2% לשבוע, היה 
צורך ב-50 שבועות (שנה בקירוב) כדי להעביר את כל 
המשתמשים לגירסה החדשה, אך גרסאות חדשות 
התפרסמו בקצב של יותר מפעס בשנה, ולכן 
המשתמשים נשארו מאחור כל הזמן. 


אני בופה שמעברי הגרסאות יופיעו בקצב איטי יותר 
בעתיד. ראשית, משוס שהלתף לשדרג נחלש, בשל 
העובדה שרביס ממעצבי האתרים מביניסם כיוס את 
הצורך בתאימות לאחור, ואינס דורשים מהמבקריס 
באתריס שלהס להשתמש בגרסאות הבטא 
האחרונות. שנית, משוס שהרצון לשדרג נחלש ככל 
שהדפדפניס הישניס יותר נחשביס לטוביס יחסית 
והבדלי השימושיות בין הגרסאות מיטשטשיס (ראה 
את ההבדלים בין 5.0 15 לבין 5.5 15). בתחילת שנות 
ה-60/ש, היו יתרונות עצומיס בשדרוג לדפדפן חדש, 
אך לא נראה כי לשדרוגיס האחרוניס של הדפדפניס 
יש את אותה כמות היתרונות המשמעותיים. בנוסף, 
וחשוב מכל, אוכלוסיית המשמשיס השתנתה מקבוצה 
חלוצית של משוגעיס לדבר, למסה עממית. בתחילת 
שנות ה-65//, הגולשיס עברו למצב מקוון כדילהיות 
מקווניס, ואיסוף גרסאות הדפדפניס החדשות הפך 
למטרה בפני עצמה ולדרך להוכיח לחבריך שאתה 
מעודכן. כיוס, הגולשיס מתחבריס לאינטרנט בשל 
התוכן, וכדי לבצע את עבודתם. כל וּמן שהדפדפן 
ייהישןיי שלהס עובד ללא בעיות, הס לא יטרחו לחפש 
גירסה חדשה, להוריד אותה ולהתקינה. כפי שמוצג 
בתרשיסם הבא, מהירות השדרוג היתה בערך 1% 
בשבוע בשניס 1998 ו-1999. 


מתי בטוח לשדרג? 


הפורמט היחיד בו אתה יכול להשתמש בביטחון מלא 
הוא מפרט 1.0 |ואזח המקורי. כל מה שמעבר לזה עלול 
להיות מחוץ לתחוס היכולות של המבקריס באתר. 


אל תתקרב לאף טכנולוגיית 60/\ שנמצאת בשלב 
הבטא שלה אלא אס כן אתה המצאת אותה, או שיש 
לך סיבות אחרות לרצות לקדס את הטכנולוגיה 
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היחס בין משתמשי' 6056306 
המשתמשים בגרסאות שונות 
של הדפדפן לאורך זמן. 
הנתונים התקבלו מהאתרים 
רה56.60ז6סחו. שצצשצ 
(1995-1997) 

1מ-6%.600א5%8687. וע 
(1998-1999). המסקנה 
שהתקבלה מהתרשים היא 
שהשינוי בין גירסה 1 לגירסה 
2 קרה כמעט באותה 
המהירות שבה קרה המעבר 
מגירסה 2 לגירסה 3: לשתי 
העקומות יש שיפוע של 2% 
לשבוע בקירוב. המעבר 
לגירסה העדכנית יותר מגירסה 
3 לגירסה 4 קרה בחצי 
מהמהירות הזאת: 1% בלבד 
בשבוע. המעבר מגירסה 4 
לגירסה 5 עשוי להיות איטי 
אפילו יותר. אתה מוזמן 
להיכנס לאתר 

ו 6%.60א ה רת5%8%6. טע 
ולהתעדכן. 
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הספציפית. תוכנות בטא נוטות לקרוס, וקריסות 
מרחיקות את המשתמשים ממטרת האתר, שהיא 
כנראה משהו בעל ערך אמיתי, אלא אס ברצונך 


להמס אותס בטכנולוגיה המדחימה שלך. 


אני ממליצ לחכות עם כל טכנולוגיית 60)\ חדשה 
באתר שלך, עד שעברה שנה או שנתייס מרגע הצגתה 
כגירסה רשמית, ולא כגרסת בטא. יש לחימנע בשנה 
הראשונה מגרסאות ₪11 חדשות או מפרטיס 
אחרים, תוספים (105-פָטוק) או מרכיבי תוכנה אחריס, 
מבני נתוניס חדשים, וכל תכונה הספציפית לדפדפן 
מסוים. ישנן שלוש סיבות לשמרנות בהטמעת חידושי 
0 \: 


% 


% 


כאשר קצב השדרוג הוא בערך 1% לשבוע, יש 
צורך בשנה שלמה עד שרוב המשתמשים יוכלו 
אפילו לגשת לשימוש המיוחד שלך בטכנולוגיה 
החדשה - ושנתיים לפני שכולם יוכלו להשתמש 
בה. 


אפילו אחרי שטכנולוגיה חדשה עוברת ממצב 
אלפא, דרך בטא, למצב ₪6 (60800108%6 ₪6!6856), 
המסתיים במצב ₪6 (6טט1896טח3ּ] סד ₪6|6856) 
הידוע גס בשס 65 ( חס קוח5 6050006 זפזות - 
משלוח ראשון ללקוח) רשמי, יש לה לרוב באגיס 
מסוימיס אותס ינפו בגרסאות משנה עתידיות, 
המוכרות יותר בשס 8665ק 06ו/567. 


ההחלטה על השיטה הטובה ביותר לשימוש 
בטכנולוגיית פ6\ לתקשורת עס המשתמשיס 
מסתמכת על הרבה ניסוי וטעיה. האתריס 
הראשוניס שהשתמשו בתכונה חדשה פגעו לרוב 


במשתמשים, יותר מאשר עזרו להס. רק לאחר 
איסוף ידע המבוסס על בדיקות ניסיון 
ושימושיות ממגוון עיצוביס המשתמשיס 
בטכנולוגיה חדשה, יהיה לנו סיכוי להחיל אותה 
בצורה שתיתן לאתר ערך מוסף. 


תן לאחריס לעשות את הטעויות, והתרכז במאמציס 
להביא למשתמשיס שלך תוכן בעל ערך שיעזור להס 
לעשות את מה שהם צריכים. כשאתה נמנע מהחידושיס 
האחרונים, אתה מבטיח את עצמך מפני הסיכוי המעשי 
לכך שלצעקה האחרונה לא יהיה עתיד. 


יוצאי הדופן העיקרייס של ההמתנה בת השנה 
כוללים יועצי פ6/\ שרוציס להדגיס את מיומנותס 
בטכנולוגיות מתקדמות ואתריס שרוציס להשיג 
משהו שניתן לעשות אותו טוב יותר בעזרת תכונה 
חדשה. בשני המקרים, אני מציע לנקוט במשנה 
זהירות: על היועציס לוודא שהס לא משתמשיס 
בדבר שיפעל נגדס באתר שלהס (משוס שהלקוחות 
הפונציאליס עלוליס למצוא את התכונה החדשה 
כחסרת ערך עבורס). אתר שייוקוקיי לכלי חדש 
שיקנה יתרון מסויס למשתמש, עשוי לגלות, לאחר 
קבלת התגובות הראשונות, שהדרכיס הפשוטות יותר 
מקנות כמעט את אותס היתרונות למספר רב יותר 
של משתמשיס. 


אס אתה מחליט לעקוף את כלל תקופת ההמתנה של 
שנה מכל סיבה שהיא, עליך לוודא כי אתה מספק את 
התוכן בפורמט חלופי למעןו המשתמשים שעדיין לא 

בצעו שדרוג ואינס יכוליס להשתמש בתכונה החדשה. 













סיוע ממשתמשי על (25615 זסקט5) 


גולשים רבים משתמשים בדפדפן ה-60/\\ שהתקין עבורם מי שמוגדר כ"משתמש על" 

(ז056\ ז6קט5) - חבר, מכר או שכן "ידען". ברוב החברות ובהרבה משפחות יש כמה כאלו 
שנהנים מעצם הטכנולוגיה החדשה, אפילו שתחום עבודתם אינו נוגע למחשבים. משתמשים 
פרטיים אלו הופכים לרוב "למשתמשי על" שיודעים את כל פרטי היישומים הכבדים 
והמודרנים ומתעניינים בהשגת גרסאות חדשות מהר ככל האפשר (פעם ראיינתי "משתמשת 
על" שהעידה כי היא אוהבת ללמוד יישום חדש כל שבוע, רק כדי להמשיך ולהתעדכן ביכולות 
המחשב שלה). 


כאשר "משתמש על" מתקין דפדפן פ6/\ עבור משתמש רגיל, המשתמש הרגיל לא יודע כיצד 
הדפדפן הגיע למחשב שלו או כיצד לשדרגו. לפיכך, הוא ישמח להמשיך ולהשתמש בדפדפן 
גם תקופה ארוכה אחרי שיצאה גירסה חדשה. גם משתמשים שהתקינו את הדפדפנים שלהם 
בעצמם יישמו, הרבה פעמים, את האימרה "מה שעובד, לא מחליפים". התוצאה של שתי 
תופעות אלו היא מצב בו הגולשים ממשיכים להשתמש בגרסת הדפדפן הנוכחית שלהם. 
לרוב אתרי ה-65/\, לדוגמה, מגיעים עדיין גולשים בעלי גירסאות ישנות של 6656806ו1. 
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אסוף דפדפנים 


כדאי לך לאסוף דפדפנים 
מכל הגרסאות הראשיות 
של כל הדפדפנים 
הראשיים שבכל 
הפלטפורמות העיקריות. 
היצרנים מעוניינים לקדם 
רק את הגרסאות 
האחרונות שלהם, אך 
רבים מהמשתמשים שלך 
משתמשים בגרסאות 
ישנות. עליך לשמור את 
הגרסאות הישנות זמינות 
משתי סיבות: ראשית, 
עליך להמשיך לבדוק את 
הדפים שלך בדפדפן הישן 
למשך שנתיים כדי לוודא 
שהם פועלים בו בצורה 
סבירה. שנית, עליך לקבל 
תמיד דיווחי משתמשים 
המתלוננים שהאתר שלך 
גורם לבעיות מסוימות 
בדפדפנים שלהם, ועליך 
להחזיק אוסף גדול של 
דפדפנים כדי לגרום לבעיה 
להופיע. באגים כאלו 
אמורים להיות מתוקנים 
במלואם, משום שבוודאי 
ישנם משתמשים רבים 
אחרים שנתקלו בבעיה 
ולא דיווחו לך על כך 
(כנראה שהם פשוט לא 
הצליחו להיכנס לאתר 
שלך והפכו מאז ללקוחות 
אבודים). 
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אחרי שנה, אין צורך ליצור גרסאות כפולות של 
הדפיס שלך (עס ובלי התכונה החדשה), מפני שאתה 
יכול להניח כי רוב הגולשיס כבר ביצעו שדרוג. אך 
עדיין צריך לקחת בחשבון את ייכלל השנתיים": 
בשנתייס הראשונות מאו ההשקה הרשמית של 
הטכנולוגיה החדשה, עליך לבדוק אס שימוש כלשהו 
בתכונה החדשה ישפיע לרעה במידה ניכרת על 
גולשיס בעלי דפדפניס ישניס יותר. אם המשתמשיםס 
בעלי הדפדפניס הישנים לא יוכלו ליהנות מכל 
היתרונות של התכונות החדשות, הדבר עדיין מקובל. 
אך לא מקובל לבנות אתרים שלא יפעלו או ייראו 
מבולבלים בדפדפן ישן. 


הפרדת המשמעות מהתצוגה 


עיצוב ה-60/\ המקורי ופורמט הנתוניס שלו, |וד₪, 
התבססו על קידוד משמעות המידע, ולא על התצוגה 
שלו. 


לדוגמה, כותרת סעיף אמורה להיות מקודדת ככותרת 
ברמה 2 (0חו680ח 2-|6/8 |, <2ח>), כלומר שהיא הרמה 
הגבוהה ביותר של כותרות המשנה מתחת לכותרת 
ברמה 1 (0ַחו680ח 1-|6/6], <1ח>) שהיא כותרת הדף 
כולו. סגנון קידוד ה נבחר על ידי 66 |-615חז86 חזוך 
משוס שהוא רצה שה-ס8/\ תהיה מערכת מידע 
אוניברסלית. לפיכך, הוא לא היה יכול לדעת איזה ציוד 
מחשב יהיה ברשות המשתמשים השונים (לכמה יהיו 
מסכים צבעונייס בהפרדה גבוהה, וכמה עשוייס להיות 
עווריס ולהשתמש בממשק קולי בלבד), והיה הכרתי 
לשמור את פרטי הצגת המידע מחוצ לקובץ עצמו. הדרך 
המדויקת להצגת (או השמעת) הדפים למשתמש צריכה 
להיקבע על ידי הציוד שברשותו. 


רעיון קידוד משמעות המסמכים, הידוע בשס 
ו 60 5660136 (קידוד סכמטי), אבד ומנית 
כשכמה יצרני דפדפניס הציגו תגיות התאמה 
המקודדות את העברת המידע המדויקת. רביס 
ממעצבי ה-60//, לדוגמה, אומנו להשתמש בקידודי 
טקסט מבוססי-תצוגה כגון ''י0|ספ ||8ז 5|פאוס 18 
687800'י, במקוס להשתמש בקידוד הסמנטי של 
כותרת ברמה 2 (<2ח>). יתרון הקידוד מבוסס 
התצוגה הוא שניתן להציג את הדף בצורה הקרובה 
מאוד למה שהמעצב תכנן, אס יש למשתמש שילוב 
של חומרה ותוכנה דומה לגה של המעצב. באופן כזה, 
סידוריס מתוחכמים יותר יהיו אפשרייס. 





עס זאת, עיצוביס מבוססי תצוגה עובדים רק כל וצמן 
שניתן לנבא מהי חומרת המשתמש, הדפדפן וההעדפות. 
ניבוי וה היה קל יחסית בתחילת ימי ה-ס6/\: 


> בשנת 1991 ו-1992, היתה לרוב המשתמשים 
גישת טקסט בלבד. 


> בשנת 1993 ו-1994, רובם השתמשו ב-10586/. 
%> בשנת 1995 ו-1996, רובס עברו ל-6156806. 


6% ומאז ש- 670506 לקחה ברצינות את ה- ס6\\, 
הדפדפן שלה זסזס|קא= 6%חז66ח1 הוא השליט 
(ראה נתוניס באתר וח66.60אז558608. צושוטו). 


אך החל משנת 1997, ננטש רעיון הדפדפן האחיד, 
פרט למערכות אינטראנט 0ס6ח8שח1) שקבעו יצרןו אחד 
כסטנדרט. באינטרנט, אין יותר פלטפורמת תוכנה 
יחידה שולטת. 


זסזס|קא= 6%חזססח1 אכן צבר תנופה והגדיל את פלח 
השוק שלו בין 1997 ל- 1999, אך אני צופה ש-15 
לעולס לא יצליח להשיג לעצמו את שליטת השוק 
שהיתה ל-105816! ול-6156806 משנת 1991 עד 1996. 
בעתיד, יהיה מגווןו רחב של כלי מידע שיהפכו 
לפופולריים, כל אחד ומאפייניו הוא, ולא נראה 
שדפדפן יחיד יצליח לספק את ממשק המשתמש 
המיטבי תחת מצבים שונים מאוד - ממסך טלפון קטן 
ועד למגזין וירטואלי עס מסך שטוח, לדוגמה. 


מחשבים לא רגילים, כגון צדס6\\ וכלי עזר דיגיטליים 
אישיים, כגון ה-זסווק הח|98, יהפכו לשכיחים הרבה יותר. 


מעבר פלטפורמה 


שני המעברים הראשונים בשליטת פלטפורמת ה-60/\ קרו מהר מאוד. המעבר מדפדפן 
שנקרא 006 6ח1] ל-%0586]! בשנת 1993 קרה כמעט מיידית. אין לי נתונים על כך, אך לפי 
מיטב זכרוני מאותם ימים, מהירות השדרוג היתה קרוב ל-30% בחודש, כלומר 30% 
מהמשתמשים עברו ל-₪10586! בחודש הראשון. קהילת ה-60/\ היתה קטנה ומאוחדת, 
והחלפנו מידע בינינו לבין עצמנו בעזרת דואר אלקטרוני וקבוצות דיון 60ח56), כך שכולם 
ידעו כמעט מיידית כשיצא משהו טוב יותר. 


המעבר מ-10586!] ל-6%050806 בסוף שנת 1994 ובתחילת 1995 היה מהיר גם הוא, כנראה 
בקצב של 25% בחודש. 656806 השתלטה על 80% מהשוק בקירוב בכמה חודשים בלבד. 


המעבר ל-זסזס|קאם 1567060 והמעבר המתמיד ל-60/\ של כמה פלטפורמות קרו הרבה יותר 
לאט. דוחות ניתוח שוק הראו כי 6056806 איבדה פלח שוק של כ-1.2% לחודש משנת 
7 ועד 1999. שתי הסיבות העיקריות למעברים האיטיים יותר ה|ן שקהילת המשתמשים 
מפוזרת יותר (ולכן אין נטייה לבצע מעבר קבוצתי) וכן משום ששינויי התוכנה פחות 
משמעותיים מהשינוי הראשוני שהיה בין טקטס לבין ממשק גרפי. 
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(בעמודים הבאים) חַזְבּאו50 
זס|אהזד עיצב אתר המציג 
את ההבדלים בין הדפדפנים 
השונים. התרשימים מציגים 
את אותו הדף כשהוא מוצג 
ב-3.01 46056806, 

1 ס0560806), 

ו-3.01 ז6זס|קאם 6%חזס%ח1. לא 
זו בלבד שהגרפיקה מסודרת 
בצורה שונה, אלא שיש גם 
הבדלים במעברי השורות 
ובסוג הריווח. כל שלושת 
הדפדפנים הציגו בחלון 
ברוחב 618 פיקסלים, אך 
משום ש-4 6056306ו] 
משתמש בגבול חלון קרוב 
יותר, אורך השורה שלו קצר 
בהרבה. כדוגמה, הסרגלים 
האופקיים הם ברוחב 574 
פיקסלים ב-3 6%56306, 
9 פיקסלים 

ב-4 6156806, |-583 
פיקסלים 

ב-3 זסזס|קאם 6חזסשח1. 
לבסוף, נראה כי 4 46056806 
פחות סלחני בהעברת :|8 
ללא סימן הנקודה-פסיק (;) 
(הדרך המקובלת לקידוד תו 
">" ב-|1אז₪ היא באמצעות 
6 


8 עיצוב ממשק באינטרנט 


להתקנים אלו יש יכולות תצוגה שונות מאוד 
מהמחשב הרגיל (לרוב, מדובר במסך קטן בהרבה) 
ולפיכך הס אינס יכוליס להציג בצורה טובה דפי טפ/\ 
אשר תוכננו לתצוגה במסך סטנדרטי של מחשב אישי. 
השימוש בקידוד סמנטי מאפשר להתקניס לשפר את 
התצוגה על פי יכולותיהס. 


דפדפניס קולייס אמוריס להופיע בקרוב. אחת 
הסיבות לפיתוח שיטת דפדוף קולית היא עבור 
משתמשיסם עס מגבלות, בעיקר מוגבלות חזותית. גס 
משתמשים ללא בעיות ראייה עשוייס למצוא את 
עצמס במצב בו ידיהס ועיניהס עסוקים (כגון בזמן 
נהיגה, או פעילות במכון כושר). הס היו יכולים לגשת 
למידע מבוסס 60/\ במצב הזה אס הוא היה נקרא 
בקול רס. ברור כי ממשקי קריאת ס6\\ יהיו טוביס 
בהרבה אס יהיה שימוש בקידוד סמנטי, כך 
שהמערכת תוכל להבין את מבנה הדף. אס מערכת 
קריאה תדע, לדוגמה, איוה חלקיס של הטקסט הס 
הכותרות, היא תוכל להקריא למשתמש תקציר, 
בעזרתו הוא יוכל לבחור בקלות איוה סעיפיס 
להקריא במלואס. 


סיבה אחרונה למעבר לקידוד סמנטי במקום קידוד 
עבור תצוגה היא השוני הגובר בין התוכנות בהן 
משתמשיסם לגישה ל-69//. אם נשווה תצוגות מסך של 
אותו הדף בכמה דפדפנים (או אפילו בייאותו" 
הדפדפן אך בגירסה או בפלטפורמה שונות), אנו 
עשוייס לראות משהו שונה במידה ניכרת. במצב בו 
כל היצרנים מפרסמים גרסאות נוספות לדפדפנים, 
יהיו כל כך הרבה גרסאות עד שיהיה כמעט בלתי 
אפשרי לבדוק דפים עבור כל הגרסאות הללו אס 
מעצבי הדפים יתעקשו על תצוגה מיוחדת. אינך יכול 
לדעת מה יבוא לאחר מכן, ומשוס שייהמידע קייס 
לעולס'י, התקווה היחידה שלך שהדף ישרוד היא 
ללכת בדרך הסטנדרטית. 


במקוס להטמיע מפרטי תצוגה בתוכן עצמו, עדיף 
להפריד את התוכן מהנחיות תצוגה. על הוראות 
הקשורות לתצוגת המידע להיות בקובצ גיליון סגנון 
נפרד המקושר לקובץ תוכן שמכיל רק סימון סמנטי. 
גיליונות סגנון הס פיתוח חדש ב-60/\ והס אינס 
נמצאים עדיין בשימוש רחב, אך הם הפתרון היחיד 
לקבלת מצגת קריאה בסביבה בה מספר הדפדפנים 
והתקני התצוגה עולה כל הזמן. לדוגמה, ניתן לקשר 


;5ס טאו חן סבו 8ב 5סוחמבּזם החד .55380 סחוססס |בהוסחס פחס אוסת 5 פוחד :צוז +5וות 
0ם 5א83זם פחו! עט 58873680 פזב >סוחהמבזם |בטטוצוטחו פחד .|!68 0353 פחם ההוחובסחסס אוסז חסבם 
טס 835187 0008 608 8אבוח 


<8,ז2 ]> 

>1<>[2< 

1="6ג 202208=0 21=[ת10פע 103=מדכ1ח "1058/68067/01.0715ב6="6282ת5 1166> 
6"=/ג 0=תמכע0ם 21=[ת10אע 103=תדכ1ח "105/68067/62.0715ב56="0282 116> 
<2<>/75/> 

<2ך><[> 

<"21="63 02008=0 21=[ת10פע 103=תדכ1ח "105/68067/03.0715ב0="0282ת5 116> 
<"21="64 008=0ע20 21=[ת10פע 103=תדכ1ח "105/168061/64.0715ב6="0282ת5 116> 
<ח'/><פ'/> 

<ם,זתג/> 


4 
שש הננ 


">< 
">< 





/ 
' - - 


030 צחב סטסרסוא+ קט פחו! פסוחמב'זם +הפסבן0סב סטםט , 5אוסז פר% הספאספם 030 3 5אוסת5 := 

וחפרס הפפ אוספט 

טוסץ 35 835 + בחוא . פסוחמבזם להפסבןב הפפאוספם בחב פשוסז פרף הפפאספם 030 3 5אוסח5 :אא 
. !סח 8 קט 3%8 5035 5בספום חב פסום פחם זם |וב 588 חבס 


00₪=0פ/ טחבּ 150205=0 585 סטום פצססב 35 0008 8חב5 :עד 596004 


. ההַחבּחס סא . הַהוחססצ .₪303 :אא 4הג3ּ 15 





... 50 .. אזםאו הסוח מ0ס חטו|בּ 500085080 באו 16 :עד וחד 


.חחח סא . הַהוהססא .₪303 :סז 
... 3||87ח5 15 5אוםז ₪8 הפפשוספם מב פרס .. ופצש :אא 





5 הסוח פאבד .502065 סחב 65ב ספ , "מס6"=חטוובּ ס+ 5פסחפזפזםז ||ב זטום פאבּד .אס :וד הזיוטס 
סחב (<דך>) אוסז 53018 פחם צוחס 58גו ||וא 1 . 5א83זט פחו! חב הַחוסבּס5 |ובּ 8סתפז טחב פסושסב 
וז םעו ססחו הַחהוהסץזפ 8308 580 0ם (<5%>) הַ53 אבפזם 608 58 


4 2 6 סוכ 3 ₪ 
ם1 80אח סבחם ,||8/ |! 50323 :שז 


הפפ שופ 0030 3 |50 15 פזפחד . פסוחמבּזם +הפסב ןטב הפפאספט הַחוסבם5 פרם זם סח 605 .0% :אא 
ץע 3|!85%5ח5 בר 5ו סו סטום ... 5אוסז סוס פח 





50 ... ז53||8 5אוםז 58 הפפ ופט 030 08 פב "מסד"=חםו|ג החופט ... סו צח סף 605 :עד תות 
3008 0008 8 60 "מס ד"=חטו|ם 036% םב |'1 .הפס פהוטוחסס .. )אפח 50 .ץח 35%! 608 סום 





( 


.סח |501 ,פסַחבּחס סא . הַהוהססא .₪303 :שז 
שבח ד סס אוסח סטום פזוס ץ|חס חבס 1 )ו , איסא . הַחוס3וס סחבּח בחב בַהסטסח5 +ם 5בחגוס5 :אא 
.... פחו! חס חם החרפ 8סס סס 





60/6088 .06070 ./ע/ע/ע 
1 16%563060] 


פרק 2: עיצוב דף | 39 














5אוסז סא חו 13080 פזבּ פסוחםבזם פד .55380 הַחוטסס |בהוסחזם פרם שוסח 5 פוחד :צעוז +5יוו= 
5 פחו! צֶם 582873580 8זב פסוח הז |בטוםוצוטחו החד .|81ס 0353 פחם הַהוחובפחסס אוסז חסבט 
,0 סש 835187 0008 8 38 סט 


<018ג'₪1%7 

<₪1%12<ד₪1% 

<"21/="61 200208=0 21=[ת0דפא 103=מדע1ח "105/168061/01.711בק8ע6="6ק5 ₪1%116 
<"11="62ג 0=תמפתסת 21=[ת10מע 103=תדע1ח "103/868067/02.0711ב82ע50="6 116+₪1% 
<ת'/><פ'/> 

<₪1%19<ד₪1% 

<"211="63 0=תעכת0 21=[ת6דפע 103=מדכ1ח "103/868067/03.0711ת82ע50="6 ₪1%116 
<"211="64 0=תמכת0 21=[ת6דפע 103=דע1ח "103/868067/04.0711ת82ע0="6ת5 ₪1+1166 
<ת'/><פ'/> 

<ם,זמגי/> 





3 צְחבּ סטסרסשואו מ פחו| פסוחמבּזם להפסבנטב סוט , 5אוסז ₪8 הפפשוספט 030 3 5אופח5 :15 
החפר הפפאספט 

5 835ח +0 סחו6א . פסורמבּזם 6הפסבן30 הפפשוספם חב >אוסז ₪8 הפפשוספםט כב ב 5שופח5 :אא 
. פ|סחו 68 קט 8א3 לבח ו 8 סוט 8 + || 588 חבּס ופצ 





504050 חב 50205=0\ 586 סטם 3008 35 0008 538 :עד 5896004 





.פהחבּחס סא . הַחורססא .₪303 :אא 4הג3ּ 15 


50 .. %זסאו םוח 60 חםו|בּ 500085580 פבּשו סז ו וחד 


-- 0 
6 3 6וח3ו 


8 סא . ההוחסס .₪303 := 
זפ||ב3ח5 15 5אוסז 58 הספשוספם מ3ם פחס .. ופצ :אא 





8 סחב 05ב ספ , "מספ"=חטוובּ טס 085ת8ז19פז |וב סום 68בּד .0% :עד הדוטפ 
סז 530|8 פחם צ|חם 88 |וואו 1 . 365 פזם פחו| חב בַחוסב50 ||3 תפז חב פסוצטב 5'חסוח 
וס סצוס ספחו מַחהוהסץ8/8 58087353 סס (< 8 בבס 83%זם 008 58גו סחב (< ה|א) 





.=1 ספא סב ,||8/ |!החבּ2ב3ח5 := 
חפפשופם 030 3 |50 15 פזפחד . פסוחמבּזם >תפסבּנבּ חפפוספט הַחוסבּם5 8 +ם טח 605 .0% :אא 
%ץ 3|!855ח5 פרם 5 סו סטם ... 5אוסז סשאוס שח 


.53/8 5שסז ₪8 הפפשוספט 030 ₪8 308 "מס ד"=חטו!ם סחופטו ... סו צח סז 606 :עד הו 
. 3008 0008 8 60 "מס ד"=חסו|ם 036% טסב |1'1 . החפרס ההוטחסס .. +אפח 50 .עצש 5 8 סוט 50 


0 
36 וח 3 





יי 0 0 סא . החוחססא .בהא :סז 
דסא סט אוסח פטום פזטס ץ|חם חבס 1 )ו ,איסא . חומב חב חב בתסטופח5 + 5טחגוס5 :אא 
.... החו! חס חס ההורסץזפץ הססס סט פצבּת 








88% 6007/ל6ח .06070 ./ע/ע/ע 
1 חזסיוס!קאם 6%חוס+חד 


0 עיצוב ממשק באינטרנט 











830 ;5 יז סו חו ספסבּ! זב פסוחםבזם פד .55380 הַהוטסס |בהוטחס פחס אופח 5 פוחד :צ' +15 
8ב סט 5א83זם פחו] צֶם 580873680 פזב 5סוחמבזם |בטוםווטחו החד .||פס 0363 פחס הַהוהובסחסס איםז 
.0 סס 835187 08סס פר 


>148|5< 

> <>[0< 

<"417="01 800058-8 21= דבב 16 183=הד10 "+61 01/ 05/6006 והמסיום"=58 םו2> 
<"4117="02 800056=8 21= דהבב 45 183=ה ד "+61. 02/ 05/6006 1תקסיום"=50 סות> 
<10<>/1%/> 

>] <>10< 

<"2411="03 80005=8 21= דבב 6 183=ה ד "+61. 03/ 05/6006 1חקסיום"=-50 טות> 
<"411="04 80005=8 21= זהבב36 183=הדם1 "+04.01/ 65/6006 1חקסיום"=50 םות> 
<10<>/1%/> 

>/18815< 





- 


חפפשוספט 63 חב סטסרטועל ג פחו| פסוחקבּזם 6+תפסב[0ב3 סטם , 5וסז חש חפפשוספט מַבּחַ 3 5אופח5 :15 
תפר 

וסץ 35 836ח +0 בחן6א . 5סוחטבּזם +הפסבּ[3 הפפשוספם בחב 5אוסז ₪8 הפפאספם מב ב 5אופח5 :אא 

. פ|סחעל 68 קט 8א3 אבר 5הספום חב פסום פרף +ם |וב 588 חבס 


50405=0/ חב 5=0 5020 585 סטם פצסטב 35 08סס 8חב5 :עד 58606 
2 103016 6וחק 3 


ו / 


. ההַחבּח0 סא . הַהוהססא .4303 :אא צחהּ 15 





... 50 .. %זסשו 5חטורח מ0סף חסו|בּ הַ555ה0ַ50 5בצו 16 :עיוד אוד 


2 163006 6וחכן3ז 





. ההַחבּחם ס4 . החוהסס\ . בסבא := 
... 5387 15 פאס 58 הספשוססט כבם פחס .. |ופע :אא 


5 הסוח 8אבּך ‏ 5040 טחבּ 65ב סש , "מסס"=חסו|בּ 60 5פסתפזם/פז ||ב זטום פ)בד .אס :עיוד הזדוטפס 
8 חב (<5ך>) אוםז 53018 פחם ץ|חם 58 |וו 1 5א83זם פחו| טחב הַחהוסבּס5 |ובּ 8סותפז טחב פסושסבּ 
סז סע ססחו הרע בסבזם 58 סט (<5ם>) הָבס אבפזט פה 





,1 פא בח ,!|פ/ [והבּקבח5 :5 
8 888 0ב ב 50 15 החד . פסוחמבּזם %חהפסב[30 חפפשוספט הַחוסב503 פס זס טח 605 .0% :אא 
6 85%!!בח5 בר 5 סו סטם ... פאז סא 


50 ... ז53||8 5אוסז 8 הפשוספט 0350 68 308 "מס ד"=חטו!ם החופט ... סו עצש סז 605 :עיוד = 
.08ב 0008 68 60 "מס ד"=חםו| 36% םב |1'1 , הפר ההוטוחסס .. +אפח 50 .צח 55| פר6 חום 


636 


. סח |ו50 ,,המַחב3חס סא . הַהוהססא .₪303 :15 
0ף 3 ד0ס4 סם עוסח פטס פיזטח צוחם חבס 1 + , איסא , הַחו3 חב בטחב התסטופח5 ז+ס ₪5חטס5 :אא 
.... החו! חס חם הַחור6ץז8?9 פטס 






60/6088 .6070 ./ע/ע/ע 
1 16%56306] 


פרק 2: עיצוב דף ‏ 41 














2 עיצוב ממשק באינטרנט 


דף לשלושה גיליונות סגנון שוניסם: אחד עבור 
מחשבים נישאים, השני עבור התקנים בעלי מסך 
קטן, והשלישי עבור מקלטי טלוויזיה. נכון לעכשיו, 
אין לדפדפניס את היכולת לבחור אוטומטית בגיליון 
הסגנון המתאים ביותר, אך תכונה וו אמורה להופיע 
תוך מספר שניס. אס העיצוב שלך מפריד בין 
המשמעות לתצוגה, הוא יהיה מוכן יותר לנצל את 
היתרון בהודמנויות עתידיות אלו להשגת תצוגה 
מיטבית. 


זמני תגובה 


כל מחקר שערכתי מאז שנת 1994 הראה את אותו 
הדבר: המשתמשיס מתחנניס להאצת זמני ההורדה 
של הדפיס. בהתחלה, הגבתי בסגנון ייבואו ניתן להס 
רק עיצוב טוב יותר, והס ישתוקקו להמתין לו'י. מאז 
חזרתי בי והבנתי כי ומני תגובה מהיריס הס נושא 
העיצוב החשוב ביותר בדפי טס/ו. 


מחקר שנערך במערכות קישורים הראה כי 
המשתמשים זקוקים לומני תגובה של פחות משנייה, 
כשהם עוברים בין דף אחד למשנהו, אס הס מנווטים 
בחופשיות בתוך מרחב מידע. מחקרים מסורתיים 
בנושא הגורס האנושי מראים גס את הצורך בזמני 
תגובה מהירים יותר משנייה אחת. מחקרים שנערכו 
ב-18% בשנות ה-70 וה-80 לדוגמה, מצאו כי משתמשי 
886 היו יעיליס יותר, כשהזמן בין לחיצה על 
מקש פונקציה לקבלת המסך הנדרש היה פחות 
משנייה אחת. 


לרוע המזל, אנחנו לא נקבל בומן הקרוב זמני תגובה 
של פחות משנייה ב-ס6\\, ולכן אנו יודעיס 
שהמשתמשים ימשיכו לחיפגע מומני הורדה איטיים. 
לפיכך, המטרה העכשווית המינימלית לזמני תגובה 
תהיה כך שהמשתמשיסם לא ימתינו יותר מ-10 שניות 
להורדת דף, משוס שזהו גבול הריכוז של הגולשיס 
בומן ההמתנה. 


העצה הבסיסית הקשורה לזמני תגובה נשארה זהה 
מאז ש-זס!|וא .8 +וספסח הציג דף קלאסי בוועידת 
6 חס זסל טוח 60 +חוסן |ו3-] בשנת 1968 : 


6% הגבול בו המשתמש עדיין ירגיש כי המערכת 
מגיבה מיידית, כלומר אין צורך במשוב כלשהו 
פרט להצגת התוצאה הוא 0.1 שנייה. וה אמור 


המידע קיים לנצח 
לפני ימי ה-65/\, היה נהוג לומר כי: 


% החומרה חיה במשך כמה שנים, ולאחר מכן עליך לשדרג את המחשב למחשב מהיר 
יותר. 


% התוכנה חיה במשך עשרות שנים. אפילו אם אתה רוכש מחשב מהיר יותר, תרצה 
להמשיך ולהריץ את התוכנה הישנה שלך. 


לפיכך, חברות רבות מסתמכות עדיין על תוכנה שנכתבה לפני 20 שנה או יותר. 
בנוסף, אפילו כשהתוכנה שודרגה, עדיין הוכנסה כמות גדולה של קוד ישן לגירסה 
החדשה (משתמשי חזסש\ עדיין סובלים מהחלטות עיצוב גרועות שנעשו בשנות 
השמונים לפני שהיתה למיקרוסופט מעבדת שימושיות). 


% המידע קיים לנצח. לאחר שהקלדת, לדוגמה, כתובת לקוח, אתה רוצה לשמור את 
המידע, אפילו כשנמאס לך מהחומרה והתוכנה הישנות. 


אותו הדבר נכון ב-60/\. אורך החיים של החומרה הוא ללא ספק קצר. כל אתר מצליח 
נאלץ לשדרג את השרתים שלו כמה פעמים בשנה, ואנו יודעים מהו מצבם הלא יציב של 
הדפדפנים ותוכנות אחרות שברשותנו. 


נתוני פ6\\ (לרוב בדמות דפים) צריכים לחיות זמן רב יותר מאשר חומרה ותוכנה של 60/\. 
למרות שרוב המשתמשים מעיינים בדפים חדשים, הדפים הישנים עדיין יעניינו חלק 
מהמשתמשים. לדוגמה, לחברת חט5 יש עדיין לקוחות המשתמשים כמעט בכל מוצר 
שנשלח, ולכן המידע אודות מוצרים אלו עדיין מעניין אותם. אפילו דפי המכירות יעניינו 
לקוחות צד שלישי שעשויים לחשוב על קניית ציוד ישן מחברה שעברה למחשבים חדישים 
יותר. ל- חַט5 יש אינטרס לתמוך בלקוחות אלו, אפילו אם החברה לא תרוויח אגורה מכך 
שהם יקנו ציוד יד שנייה. לקוחות אלו יכולים לחתום על חוזה שירות, וללא ספק הם ירכשו 
את השדרוגים הבאים מאוחר יותר. 


ניקח, כדוגמה נוספת, לקוח שמעוניין לצפות בסרט 58660 פָום 6חד של האמפרי בוגרט 
משנת 1946. ברור שהוא יוכל למצוא מאמר מהזמן האחרון במקומות כגון 88חהוחסחו6, אך 
האם לא יהיה זה מעניין יותר לראות מה כתב 65חחוד א>זסץ ש6\ פחד על הסרט בשנת 
6 הגיוני שסטודנטים לקולנוע ירצו לדעת כיצד הסרט התקבל בנסיבות בהן הופק. 
דוגמה זו מראה כי ל-פסוחוד יהיה אתר טוב יותר אם יחזיקו גירסה מקוונת של דפי העיתון 
שלהם מלפני 50 שנה. 


המסקנה ברורה: הדפים המעוצבים כיום עשויים להיות בשימוש במשך שנים רבות מהיום, 
ולכן על המעצבים לסמן את המידע בצורה הסטנדרטית ביותר שניתן לסמן אותו. בנוסף, 
נסה ליצור מידע בעל ערך מתמיד עד כמה שניתן. תיאורטית, תוכל תמיד לחזור אחורה 
ולתקן דפים ישנים, אך יהיה זה יקר מאוד, וסביר יותר שהדפים הישנים יימחקו - ויחד 
איתם תימחק ההזדמנות לספק ללקוחות יתרונות נוספים. 
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אתה יכול לסייע 
למשתמשים בניבוי זמן 
התגובה של הורדת דפים 
גדולים או קבצי מולטימדיה, 
על ידי ציון גודל הקובץ ליד 
הקישור. 


4 עיצוב ממשק באינטרנט 


להיות גבול זּמן התגובה של כל היישומוניס (פ168סק) 
המאפשריס למשתמשים לעבור, להגדיל או לטפל 
ברכיבי המסך בצורה אחרת בזמן אמת. 


6% שנייה אחת היא גבול הזמן בו שטף המחשבה של 
המשתמש לא יופרע, אפילו אס המשתמש יבחין 
בהשהיה. לרוב, אין בורך במשוב מיוחד בזמני 
השהיה של בין 0.1 לשנייה אחת, אך המשתמש 
כן מאבד את הרגשת העבודה ישירות מול 
הנתוניס. כשהדף החדש מגיע תוך שנייה, 
משמעות הדבר שהמשתמש הגיע לדף ללא 
השהיה בלתי רצויה. 


> עשר שניות הוא הגבול בו המשתמש עדיין מרוכז 
בדו-שיח. בהשהיות ארוכות יותר, המשתמשים 
נוטיס לעבור למשימות אחרות תוך המתנה 
לסיום הפעולה על ידי המחשב. כשהדף החדש 
מגיע תוך 10 שניות, גס אס הדבר מטריד, לפחות 
המשתמש נשאר מרוכז בניווט באתר. 


לרוב, זמני התגובה אמוריס להיות מהירים ככל 
האפשר, אך קח בחשבון כי המחשב מסוגל להגיב כל 
כך מהר עד שהמשתמש לא יוכל לעקוב אחרי מהלך 
העניינים. לדוגמה, גלילת רשימה עשויה לקרות כל 
כך מהר עד שהמשתמש לא יוכל לעצור אותה בזמן 
כדי להשאיר את הרכיב הרצוי בתחומי החלון הזמין. 


חיזוי זמני תגובה 


בנוסף למהירות, גיוון מינימלי בשימושיות ומן התגובה 
הוא גס כן חשוב. לרוע המזל, זמני התגובה של ה-60/\ 
שוניס מאוד זה מזה, וזוהי אחת מהסיבות שבגללה 
המשתמשים כה זועמים על איטיותה. שביעות הרצון 
של המשתמשים תלויה בציפיות שלהם וכן בביצועי ומן 
התגובה הממשלים. אס אותה הפעולה מתרחשת 
לעיתיס מהר ולעיתים לאט, המשתמשים לא ידעו למה 
לצפות, ולפיכך לא יוכלו להתאיס את עצמם לשימוש 
מיטבי במערכת. אס הגולשים מניחיס שהפעולה תהיה 
מהירה, הס יתאכזבו כשהם ייווכחו שההיפך הוא 
הנכון. מצד שני, אס הס מצפים שהיא תהיה איטית, 
הס יהיו סבלניס יותר ויקבלו בהבנה את אותו זמן 
התגובה. תופעה זו היא אחת מהסיבות בגללן יש 
לשמור על אחידות זמן התגובה. אס אותה הפעולה 
תימשך תמיד אותו ומן, המשתמשים ילמדו מה עליהס 
לצפות מהמערכת. כל מה שתוכל לעשות כדי לייצב את 
זמני התגובה של האתר שלך יביא לשיפור בשימושיות. 


זמני התגובה של השרת 


הגידול ביישומים מבוססי 
0 )), מסחר אלקטרוני, 
ובהתאמה אישית גורמים 
לרוב לכך שהדף המוצג 
חייב לעבור חישוב בזמן 
אמת. כתוצאה מכך, 
ההשהיה בטעינת הדף 
נקבעת לא רק על ידי 
השהיית ההורדה (עד כמה 
שהיא גרועה) אלא גם על 
פי ביצועי השרת. לעיתים, 
בניית דף מערבת גם 
קישורים למערכות 
35| או לשרתי 
בסיסי נתונים, דבר המאט 
אף הוא את התהליך. 


עם זאת, את המשתמשים 
לא מעניינת הסיבה לזמני 
התגובה הארוכים. כל מה 
שהם יודעים הוא שהאתר 
לא מציע שרות טוב. זמני 
תגובה איטיים מתורגמים 
לרוב ישירות לרמת 
אמינות נמוכה יותר, והם 
תמיד גורמים לאיבוד 
תעבורת משתמשים באתר 
משום שהמשתמשים 
מעדיפים לעשות את 
העסקים שלהם במקום 
אחר. כדי להימנע מכך, 
השקע בשרת מהיר, השג 
לעצמך מומחה ביצועים 
שיבדוק את ארכיטקטורת 
המערכת ואיכות הקוד 
שלך, וישפר את זמני 
התגובה. 








לדוגמה, אתה יכול לסייע למשתמשים בניבוי ומן 
התגובה של הורדת דפים גדוליס או קבצי מולטימדיה 
על ידי ציון גודל הקובץ ליד הקישור. ככלל מנחה, יש 
לציין גודל קבציס שזמן ההורדה שלהס הוא מעל 10 
שניות ברוחב הפס המתאים הזמין לרוב המשתמשים. 
אס יש לרוב המשתמשים שלך מודם אנלוגי, עליך 
להזהיר אותם אם מדובר בקובצ הגדול מ-50. 


בעתיד, אני בופה שהדפדפנים ישולבו עם שירותי 
ץאסזק שיעקבו אחרי רוחב הפס ואיכות השירות של 
אתריס בהס ביקר המשתמש בעבר. על ידי שימוש 
במידע וּה, הדפדפן יכול לשנות את תצוגת הקישוריס 
תוך הסתמכות על השירות המצופה. ניתן להציג, 
לדוגמה, קישור שאינו פועל לרוב או כזה שנותן 
שירות איטי בצבעים דהויים. מידע זה יסייע 
למשתמשים לבנות את הציפיות שלהם לפני שהס 
לוחצים על הקישור, ובכך ישפר את השימושיות 
המקיפה של ה-ספ6ש\. 


עס זאת, הבעיה היא שזמני התגובה אותס חווה 
המשתמש נקבעים על ידי החוליה החלשה בשרשרת 
מהשרת אל הדפדפן: 


> תפוקת השרת. זו לא אמורה להיות בעיה משוס 
שעלות החומרה היא החלק הקטן בפיתוח אתר 
60 )), אך אתרים פופולריים מופתעים לעיתים 
קרובות מתעבורת נתוניס המתעצמת וגוברת, 
והס אינס משדרגיס את המחשביס שלהס בקצב 
מספיק מחיר. 


%% חיבור השרת לאינטרנט. אתרים רבים מנסים 
לחסוך בעלות החיבור ונמנעיס מלשדרג, למשל, 
חיבור 1ד ל-13 אפילו כשהשירותיס שהס 
מציעיס רווחיים. 


> האינטרנט עצמו. למרות שהרשת עוברת תהליך 
שדרוג בלתי פוסק, יש לה עדיין צווארי בקבוק, 
במיוחד בחיבורים בין ארצייס ובזמני שימוש שיא. 


6% חיבור המשתמש לאינטרנט. כפי שצוין קודס 
לכן, מהירויות החיבור של רוב המשתמשים 
נמוכות מאוד והן יישארו כך עוד כמה שנים. 


% מהירות העיבוד של מחשב המשתמש והדפדפן. 
בעיה זו נדירה, למרות שהצגת טבלאות מורכבות 
עלולה לקחת זמן משמעותי במחשבים איטיים 
יחסית. 
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האתרים הטובים ביותר 
מהירים 

בשנת 1999 מדדתי את 
זמן ההורדה בדפים 
הראשיים של 20 אתרי 

)\ מובילים. חצי 
מהאתרים היו האתרים 
הפופולריים ביותר 
באינטרנט, והחצי השני 
של האתרים היה שייך 
ל-10 החברות הגדולות 
ביותר בארה"ב. זמן 
ההורדה הממוצע להורדת 
דפי החברות היה איטי 
להחריד, 19 שניות, ואילו 
הורדת דפי האתרים 
הפופולריים לקחה שמונה 
שניות בממוצע. 


סקר פשוט זה מוכיח כי 
האתרים בהם יש את 
תעבורת המשתמשים 
הגבוהה ביותר מהירים פי 
שניים ויותר מהאתרים 
שנבנו על ידי חברות 
גדולות ומפורסמות מזמני 
הכלכלה הישנה. אני טוען 
שהמסקנה מסקר זה היא: 
בגלל שהאתרים הטובים 
הם מהירים - יש בהם 
תעבורה גבוהה של 
משתמשים. 








לכל אחד מהשלבים הללו יש השהיה משלו בזמן 
העברת דף 60/\ מהשרת למשתמש. לרוע המזל, 
ההשהיות מצטברות, ולפיכך לא נקבל ומני תגובה 
טוביס פשוט על ידי שיפור חוליה אחת בשרשרת. 
כשאתה משדרג את המחשב ממודם רגיל לקו א150, 
אתה מקבל לרוב ביצועי ס6/\ כפולים, ולא פי 
חמישה, כפי שנראה לכאורה ממהירות הקו. 


הורדות מהירות, חיבורים מהירים 


אס ניקח בחשבון את העובדות העקרוניות של הגורס 
האנושי ורשתות המחשב, נגיע למסקנה אחת: נושא 
המהירות חייב להיכנס לחישובי העיצוב של דפי טס/\. 
למעשה, נושא זה חייב להיות הנושא החשוב ביותר. 
כדי שגודל הדפים יהיה קטן, הגרפיקה צריכה להיות 
מינימלית, והשימוש במולטימדיה צריך להיעשות רק 
כשהיא מוסיפה באמת לכך שהמשתמש יבין את 
המידע. הסר גרפיקה, הגדל את מהירות התעבורה. 
אין פשוט מזה. 


עם זואת, כשקיים הצורך בגרפיקה, נסה להוסיף כמה 
עותקיס של אותה התמונה במקוס להשתמש 
בתמונות שונות. עותקים אלו של אותה התמונה 
יעברו מהר יותר משוס שהתמונה כבר תהיה בזיכרון 
המטמון המקומי של המשתמש. כשמדובר בדף יחיד, 
שימוש מחודש בתמונה יהיה טוב עבור תמונות 
קישוט קטנות כגון לחצנים, חיצים וסמלים. למעשה, 
אם תעשה שימוש חוזר בערכה של סמנים חזותיים 
לא רק תאיץ את זמני הורדת הדף, אלא גס תוסיף 
לאחידות האתר שלך. 


לעיתים, אתה יכול לעשות שימוש חוזר, בכמה דפים, 
בתמונות גדולות יותר כגון תמונת מוצר או תרשיס 
זרימה. כשתמונה גדולה נמצאת בשימוש, היא צריכה 
להיות בעלת אותה משמעותה מדף לדף, משוס 
שהמשתמשים יזהו לרוב את התמונה. אם אתה רוצה 
להעביר שני רעיונות, יהיה עליך להשתמש בשתי 
תמונות גם אס הדבר יהיה על חשבון ומן ההורדה. 


(בעמוד הבא) רוב העיצוב באתר זה של ד5א6 נעשה על ידי שילוב תאי טבלה צבעוניים עם 
גופנים מעניינים. הדף אינו דורש הורדת כמות גדולה של גרפיקה. תיאורטית, הגרפיקה 
היחידה בדף היא סמל האתר ותמונת כותב הטור. מעשית, גם הכותרת "פסחו1ח50ז6ק" היא 
גרפיקה בגלל הנקודות הקטנות והמראה המשופע. הכותרת "דא6 ז0ו50660 3 8ַחו₪86" 
היא טקסט טהור בתוך תא צבעוני, וניתן היה לנהוג כך גם בכותרת "8|865ח50זסס". 


6 עיצוב ממשק באינטרנט 





המשתמשים אוהבים דפים מהירים 


מעבדות ק₪0\ הן מעבדות רפואיות. בין לקוחות ק₪0\ נמצאים בתי חולים, פיסיקאים, 
וחברות המעונינות בבדיקות תעסוקתיות. חספח6וו5 ץזסה, מנהל הרשת של קנוחה, מדווח כי 
האתר חס30.6!-קטזה שאו תוכנן כך שכמעט אין בו גרפיקה כדי להאיץ את זמני ההורדה. 


כשהאתר נפתח, הלקוחות הוזמנו לכתוב את הערותיהם על האתר בטופס משוב. מתוך 
1 הערות, 45 שיבחו את המהירות הגבוהה ורק לקוח אחד התלונן שהאתר "לא נעים 
חזותית". אחד מכותבי 45 ההערות על זמני ההורדה היה מנהל בית חולים שכתב "אהבתי 
את העובדה שהדפים לא נוצצים מדי ולפיכך הם יורדים מהר", ומנהל מעבדה שכתב 
"האתר מאורגן היטב וקל לשימוש. הוא נטען מהר ללא כמות גרפיקה גדולה". אם נתחשב 
בכך שטופס המשוב היה חופשי לגמרי ולא עסק ספציפית בכל נושא עיצוב שהוא, הרי 
שכמות המשתמשים שהעירו על המהירות מרשימה למדי. הגולשים אוהבים שירות מהיר, 
שלצערנו הוא נדיר ברשת האינטרנט מכדי להיות מורגש. 


כמובן שטפסי המשוב של הלקוחות נוטים להכיל מידע שאינו מאוזן משום שמרבית 
המשתמשים אינם טורחים לספק משוב. עם זאת, הניסיון מרוב האתרים מראה כי הגולשים 
נוטים לכתוב הערות כשמשהו חסר להם או כשהם מוטרדים מעניין כלשהו באתר. נדיר 
שהם יכתבו על דברים שפשוט עובדים. אם נתחשב ביחס רגיל של 45:1 בין דעות טובות 
לרעות, נמצא כי אכן המשתמשים העדיפו מאוד אתר מהיר מאתר נוצץ. 











690 | 
/ 
חש 7 
צ\ חס 


מ 06 |םשח= שפח חופצ 


טפוא 
00₪.פ/שםו 


₪ 650 5 5 





]א "6ו660ק5 0 בהואםח 
(5/12/97) 8 


בַחומ08%8|0 סטוסטב צ|חם ףטח 15 טפצל פרם חם בהותפווטטס 


, ו : , |פמם פ/וסחם 
בר סטוסםב 3!50 1:5 .>חפסחסס זפו!!וא הטוע 85סו5 טפ הַחהואספ!|-836זט 
5 6 + הפס חסס 836 15 בהססם 6בחצצ ,וב 01687 , בסהפהפקאם זפ5 
: פשםושפה 
?ו סס ₪85 0ס הַחס! ססס ו 
ו 
%חססחסס שפח החפצוו8ם ס6 הסחוסטב חו ,657 36 חאו 5סבחד ח! ופט 
0ס סחואזסע 3150 8ז'פעצ , 5ופבּם--ץ|טפח חב הפפ זם--צווב03 3 חס סט || 
5% .8!טו55ס0 35 ץ|אפוגום 35 הססבּהחס)חו 6ב זבצו|פם 693 ואה-פס 
הר עמ ַפּהָחָ00 פז'טסץ ו חבסמחו ע||858013 פזב 5בבּפוחאוסט חן 1 6 
5 28.8 5ו 485 608 50 הססספהחסס זנוסץ + . 5פטום הסםצוטסחבט 
בח . 80 0 08- הסט וחבט פרם +0 חס פז'טוסץ חפרם ,זפ /יסו5 זם פמטזאם: 
זטוםץ |188 8שצ , הבופטווס הוב+ פס ב 58בזחקבּזבּם 60 , דם6₪ פב 7 

4 2 , . , 8000 
5 הח ז08ופחסס 5צבּאו|ב חב בחווח חו גופץ 688 8 .חובּם ְ ו 
רשואו 0פזפססטוס 55סו5 טע הסוצ\ 135080 ע!|בצוחטחסס 8ם סס פאון וא 
308 80סבּסו!מחחזסס טחטסזב סווטום זס פסוחבּזם חב ססט ו בוטו 
זפ זט זטוסץ 35 הַחסוב שו טופץ ספא 035 85ז ססגרס5 ב 

ץז 7ז3650+ 50880 פר 53%8 8/א . פפַהָבּ0 פר 85וטת558בּ 
. ]51045 הזו 





601 606 .שש 


פרק 2: עיצוב דף 47 














הבנת גודל הדף 


המונח "גודל דף" מוגדר 
כסיכום גדלי הקובץ של 
כל הרכיבים מהם מורכב 
דף, כולל קובץ ואדה וכן 
אובייקטים מוטמעים 
(00[6605) 60060סחם, כגון 
קבצי תמונה מסוג =61 או 
6 





אתה זקוק לקו 1ד משלך 


אם נתחשב בהנחה 
האופטימית שניתן לסמוך 
על זמן השהיית אינטרנט 
של חצי שנייה, יהיה על 
המשתמש להוריד דף 60/\ 
בחצי שנייה, כדי להשיג 
את זמן התגובה של שנייה 
אחת הדרוש לשימושיות 
מיטבית במערכת 
קישורים. דפי 60)\ רבים 
הם בגודל 10088 וניתן 
להורידם בחצי שנייה רק 
אם יש למשתמש גישה 
מלאה דרך קו 1ד 
במהירות 1.5!005. חישוב 
פשוט זה מראה כי כל מה 
שאיטי יותר מקו 1ד יגרום 
לבעיות שימושיות בגלישה 
ב-60/\. 
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בנוסף להורדות מהירות, חשוב שיהיה גסם חיבור 
מהיר לאינטרנט. המודמיס האיטיים במהירות 

65 כבר נעלמו מהשוק מאז תחילת שנת 1999, 
אך יחס (חסטוסקסזט) המשתמשיס המתחבריס 
במהירויות מודס נשאר והה. הדבר היחיד שקרה 
משנת 1995 ועד 1999 היה החלפת המודמיס האיטייס 
במודמיס מהיריס יותר הפועלים במהירות 005א56. 


הטבלה הבאה מציגה את גודל הדף המקסימלי 
המותר כדי להשיג זמני תגובה רצויים במגוון 
מהירויות חיבור. המספריס כולליס השהיה של חצי 
שנייה, שהיא מהירה יותר מאשר רוב חיבורי ה-60/\ 
כיוס. במקריס אמיתיים רבים, גודל הדפיס יהיה 
חייב לקטון אפילו יותר ממה שצוין בטבלה. 


סוג חיבור זמן תגובה של זמן תגובה של 
שנייה אחת עשר שניות 

מודם 25 4% 

אס5פ1 פא 185 

קו 1ד 15 25 


מגבלת זמן התגובה של שנייה אחת נחוצה כדי לתת 
למשתמשיס הרגשה שהס עובריס בחופשיות על פני 
מרחב המידע. יש להישאר במגבלת עשר השניות כדי 
לשמר את תשומת הלב של המשתמש אל המשימה. 
למרות שרשתות אינטראנט (80ח078ח1) רבות פועלות 
בקווי +6חזסוזם, שהס מהירים לפחות פי שבעה מאשר 
קו 1ד, עדיין עדיף לדאוג לכך שרוב עיצובי 
האינטראנט יישארו בגדליס של מתחת ל- 10068 
לדף, משוס שנדיר שהמשתמשים נהניס מתפוקה 
מלאה של הרשת. יוצא הדופן היחיד יהיה גישה 
ליישומיס קריטייס השימושיים באמת לעבודת 
המשתמש ואין צורך להוריד אותם מחדש בכל פעם, 
אלא רק כשהמשתמש מתחיל משימה חדשה. 


הצורך להשאיר את גדלי הדפיס מתחת ל- 348 עבור 
משתמשי מודס נובע ממחקר בנושא שנערך באתר 
רח6006.60ה6עסזק. ואצ . חברת .106 086 חסטסזק 
נותנת שירות לעסקיס קטנים, ולכן ניתן להניח שרוב 
המשתמשים ניגשיס לאתר באמצעות מודמים אנלוגיים. 
מנהלת האתר (6085%6/)/), ה656חהטוחה 6זווס, מדווחת 
כי רק 10%-7% מהמשתמשים שניגשו לדפים בגודל 
8 לא המתינו עד לסיוס ההורדה. 








(/\1 סטסס3ּ) סְחבּם-חסור א 
((ו1-א100) סח8ם-סוש\ 
(28.8-566) הה06ס1\ +95 3 


(שוס|06 0ח3 14.4) החסססו\! שסוס 35 


התפלגות משתמשי 
האינטרנט על פי מהירויות 
החיבור השונות. 


מודמים איטיים הם מודמי 
4 או איטיים יותר, מודמים 
מהירים הם במהירות 
85, רוחב פס בינוני 
כולל א150 וקווים חכורים 
(65ח!| 68560!), ורוחב פס 
גדול כולל קווי 1ד או קווים 
מהירים יותר. לצערי, סקר זה 
מגיע עד שנת 1998, אך אני 
חושב שניתן לצפות את 
מערך הקווים בשנים 
הקרובות ולחזות כי מהירויות 
המודמים יהיו דומיננטיות 
בשנים 2000 ו-2001 (המידע 
נלקח מסקר אודות משתמשי 
0 שנערך על ידי 0607088 
ץ סח 60 ד +0 0066 1050). 
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העיצוב המקורי של אתר ה 6006.60ח6עסזכ. עושעש 
הגביל את גודל הדף ל- 8א40%, אך באותם דפים שאכן 
הגיעו למגבלת ה-40%8, 30%-25% מהמשתמשים לא 
המתינו להורדת הדף במלואו. בלי לדעת אס דבר וה 
נבע כתוצאה מגודל הדף או ממידע שונה בדפיס 
השונים, חספ6חוווח הורידה באופן משמעותי את 
הגרפיקה בדפים היישמניסיי. כעת, גודל הקוב של 
הגרפיקה היה ההבדל היחידי. אחרי השינוי, כמות 
המשתמשים שלא חיכו להורדת הדפיס הללו ירדה 
מ- 30%-25% ל- 10%-7% בלבד. 


למרות שהגבלת גודל הדף שבטבלה נראית נוקשה 
מדי, אין ספק שאתריס משלמים את המחיר באיבוד 
לקוחות כשהס מפרים את כללי ההמלצה. לדוגמה, 
ב-5006 חסטסזם, כמות הקריאה של הדפים ה'ישמניס'י 
עלתה בערך ב-25% אחרי שהם עברו תהליך ייהרזיה" 
ונכנסו למגבלות המומלצות. 


פרק 2: עיצוב דף 49 


1 מהירים יותר 


טיפ מעשי: הקישורים לתיקיה (ז0!06ס=/ץז660זום) צריכים להכיל לוכסן בסופם, כשה- ]₪ 
מוכנס לדפי טפ/\ (יש להוציא את הלוכסן האחרון כשה-|0₪ מופיע כחלק מחומר קריאה). 
לדוגמה, הקישור לרשימת טורי אסטזז6|ג שלי צריך להיכתב כך: 

א00+זס!3 / והס6.+ו56ש.ששצצ/ / :קזח כשמדובר בכתבת עיתון מודפסת, אך הקידוד שלו 
צריך להיות / אסט+זס!בּ / וחסס6.ו56ש. שצששש/ / :שח עבור הנחיית הקישור בגירסה המקוונת 
של האתר. הסיבה להכללת הלוכסן בקישורים מקוונים היא כדי למנוע הפניה מחדש 
(ח6600זו60ָ) כשהשרת מודיע לדפדפן שהקישור מתייחס לתיקיה ולא לקובץ. הוספת 
הלוכסן לתגיות זח במקומות המתאימים תפחית את ההשהיה בכמות קטנה אך מורגשת, 


ולכן כדאי לך לעשות זאת. 
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צפייה במסך הראשון 


הענייו החשוב ביותר, כשמדובר בזמני תגובה, הוא 
הזמן בו המשתמש רואה מסך מלא במידע שימושי. 
פחות חשוב לטעון את הדף במלואו יחד עס כל 
ההדגמות, אס המשתמש יכול להתחיל לבצע 
במהירות פעולה הקשורה למידע מסויס. הנה כמה 
הנחיות לטעינה ראשונית מהירה: 


% 


% 


לראש הדף צריכה להיות משמעות אפילו ללא 
תמונות (כלומר, יותר טקסט ופחות גרפיקה). 


השתמש בתכונות הטקסט ד41 עבור תמונות 
שהמשתמשים יוכלו להבין מה הן מכילות לפני 
שהס יראו אותן. רוב הדפדפנים מציגיס את 
הטקסט של תגית ד41 במרחב השמור לתמונה 
כל ומן שהיא לא ירדה (למידע נוסף אודות 
תכונות ד1ה, פנה לפרק 6). 


הדפדפן חייב לשרטט במהירות את ראש הדף. 
עס זאת, הוא יוכל לעשות זאת רק אס יש לו את 
כל המידע הנוגע לסידור הדף. ודא שישנן תכונות 
ה דפסז/ש ו- 1516 בכל התמונות ובעמודות 
הטבלאות. 


טבלאות מורכבות לוקחות לרוב זמן העברה 
ממושך יותר, ולכן כדי להפחית את מורכבות 
הטבלאות, אתה יכול להפריד את המידע לכמה 
טבלאות. ראש הטבלה צריך להיות פשוט וקל 
להעברה. 





(בעמודים הבאים) שים לב 
כיצד הדף הראשי של 
הסה בכתובת 


/רח2006%.60. צוצאו/ /: קת 
56 


מבצע את עבודתו כראוי בין 
אם המשתמש ממתין לטעינת 
הגרפיקה ובין אם לא. כמעט 
כל הגדרת הדף נמצאת 
בקובץ !ד קצר יחסית, כך 
שניתן להציג את הדף מיידית. 
רכיבי הדף היחידים שלא ייראו 
בתצוגה הראשונית הם 
הלחצנים שבעמודה 
השמאלית, אך זאת בעיקר 
בשל תכנון לקוי של הדפדפן 
(הדפדפן אמור להיות חכם 
מספיק כדי להשתמש בגופן 
הקטן ביותר להצגת טקסט 
תגית ד]4 כשהשטח הזמין 
קטן מדי מלהכיל את הטקסט 
בגופן ברירת המחדל). 


ניצול תכונת 6צו|4-ק66 של סדדו 


הגירסה המקורית של שד1 לא היתה יעילה בהורדת 
דפים מורכביס המשלביס תמונות ויישומוניס רביס. 
הפרוטוקול היה מיועד לדפיס פשוטיס בהס השתמשו 
בשנים הראשונות של ה-89/ש. הבעיה העיקרית 
בגירסה זו היא ש-₪4117 היה פותח חיבור ק1/ק0ד חדש 
לשרת לכל ייפגיעהיי טוח), אפילו כשכל הפגיעות היו 
אובייקטיס המרכיבים דף יחיד. לפיכך, כל סמל נוסף 
או תמונה בדף יגרמו לבזבוז אמן, בו השרת צריך ליצור 
קשר עס השרת ולפתוח חיבור חדש. הזמן שנדרש 
להקמת הקשר עבור קבצי תמונה קטניס היה לרוב ארוך 
הרבה יותר מהזמן שנדרש להעברת המידע עצמו. 


גירסה 1.1 של פרוטוקול 9ד₪1 הציגה את רעיון 
חיבורי 6צו|4 ק66א (השאר פעיל), כלומר כשהשרת 
והדפדפן משתמשים ב-1.1 פדד\ (או גירסה חדשה 
יותר), יישאר חיבור אחד בלבד כל ומן שישנס 
אובייקטיס להורדה. החסכון בזמן הנדרש להקמת 
הקשר החדש עבור כל ייפגיעהיי, מוריד את זמן 
ההשהיה במידה ניכרת. זמן התגובה בטעינת דף יכול 
לרדת למחצית מאורכו הקודס על ידי שימוש 
בטכנולוגיית 6עו|4 ק66א. לפיכך, מומלצ מאוד לשדרג 
את השרת שלך לתוכנה התומכת בטכנולוגיה זו. 


קישורים 
הקישוריס הס החלק החשוב ביותר במערכת 
קישוריות: הס מחבריס בין הדפיס ומאפשריס 


למשתמשים לעבור למקומות חדשיס ומרתקים 
ב-65//. הקישורים יכולים להופיע בשלוש צורות : 


%> קישורי ניווט מבני. קישורים אלה מתאריס את 
מבנה מרחב המידע, ומאפשריס למשתמשים 
לעבור לחלקים אחריס במרחב. דוגמאות 
טיפוסיות הן לחצני וקישורי הדף הראשי, 
המעביריס לסדרת דפיס הקשורים לדף הנוכחי. 


% קישורים המשויכים לתוכן הדף. קישורים אלו 
מופיעים לרוב כמילים בעלות קו תחתון (למרות 
שהם יכולים להיות גם מפת תמונה - 10806130) 
והס מקשרים לדפים בעלי מידע רב יותר אודות 
הטקסט המנחה. 


ל רשימות התייחסות יפנה ל-..." (50| 566). 
קישוריס אלו מיועדים לעזור למשתמשיס 
למצוא את מה שהם מחפשים, אם לא הגיעו לדף 
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(בעמוד הקודם) אתר 
וה0ס6/5.6\ מספק רשימת 
כתבות קשורות בסוף כל 
כתבה, ומעודד בכך את 
המשתמשים לקרוא יותר דפים 
באתר. הקוראים שהתעניינו 
בסיפור הכתבה הנוכחי - 
כלומר אלו שעברו לכתבה זו 
מהדף הראשי - הם המועמדים 
העיקריים לקריאת הכתבות 
הקשורות, ולכן הם מקבלים 
קישורים לכתבות אחרות 
שייתכן שהחמיצו ו/או ייתכן 
שהם ימצאו בהם ענין. הטענה 
העיקרית שלי כנגד העיצוב 
הזה היא שעדיף להציב את 
הקישורים הקשורים בחלק 
העליון של הדף היכן שהם 
ייראו על ידי משתמשים שלא 
סיימו לקרוא את הכתבה עד 
סופה. העמודה "18%65% 
5" שימושית פחות 
בהקשר של דף זה מאשר 
הכתבות הקשורות. 
המשתמשים יכולים תמיד 
להשיג את הכותרות 
האחרונות מהדף הראשי, 
וממילא כנראה שהם הגיעו 
משם. 


הנכון. אס נתחשב בקושי שבניווט ב-טפ/ץ, הרי 
שהמשתמשיס מוצאיס את דרכס פעמים רבות 
על ידי סדרת קישורי ייפנה ל-יי טובים. 


תיאור הקישורים 


קישורי הטקסט מעוגניס בטקסט שהמשתמש לוחצ 
עליו. טקסט מנחה זה אינו צריך להיות ארוך מדי 
משום שהמשתמשים מחפשים את הקישורים בדפים, 
כדי לראות מה הס יכוליס לעשות עס כל דף נתון. 
הקישוריס בדף 69/\ דומיס במידת מה להסבריס 
בכתבות בעיתונים מודפסים: הס נותנים לעיני 
המשתמש משהו להעצר עליו בוּמן סריקת כתבה. אם 
יש יותר מדי מילים בקישור, המשתמש אינו יכול 
להיעזר בו בסריקה. רק המידע החשוב ביותר 
(מונחיס קשורים) אמור להופיע בקישורי טקסט. 


הכלל העתיק ביותר בעיצוב פ6/\ הוא להימנע 
משימוש בטקסט ילת כאן'י (6פ4 06ו61) כטקסט 
מנחה בקישורים. ישנן שתי סיבות לכלל וה: ראשית, 
רק המבקריס שברשותם עכבר יכולים ללחוצ על 
הקישור, ואילו משתמשים מוגבלים, או בעלי מסך 
מגע או התקן חלופי אחר, אינס יכוליס ללחוצ עליו. 
שנית, המילים יילחציי ו-ייכאןיי לא מכילות מידע 
שימושי, ולכן אי אפשר להשתמש בהן כרכיב עיצוב 
המושך את תשומת ליבו של המשתמש. 


במקוס לכתוב: 
למידע נוסף אודות דבורת הדבש כחולת האף, לחץ כאן 


עדיף לכתוב: 
יש לנו מידע נוסף אודות דבורת הדבש כחולת האף 


יש להדגיש את המיליס החשובות בקו תחתון, אך 
כדאי יותר לכלול טקסט שיספק סיכום קצר של סוג 
המידע הזמין הנוסף. 


למרות שהטקסט המנחה של הקישור אינו צריך 
להיות ארוך משתיים עד ארבע מילים, מומלא מאוד 
לכלול טקסט נוסף שיסביר את הקישור. ה-90)\ 
איטית כל כך עד שאי אפשר לצפות מהמשתמשים 
לעבור לכל קישור כדי לדעת במה מדובר. הדף ממנו 
הס מגיעיס חייב לכלול מספיק מידע כדי לאפשר להס 
להחליט מהו הקישור הבא אליו יעברו. אס יש 
קישוריס דומים, הטקסט המתאר אותם צריך להיות 
מספיק מפורט כדי שהמשתמשים יוכלו להחליט 
לאיזה מידע הס וקוקים. 
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הקישורים לנושאים "דומים באותו עניין" (6ח53 %6 ]0 6זסוח) הם אחת הדרכים 
הקלות ביותר להגדיל את השימוש באתר שלך. בכל פעם שמשתמש קרא דף 
ועשה קישור אליו, תהיה לאותו המשתמש גם ההזדמנות לראות דפים אחרים 
מאותה הסדרה, או כאלה שנכתבו על ידי אותו הכותב במידת האפשר. טור 
שגרתי, כגו| "!7765565 6חד 5505" של סחסט0 6ע500 או "טזחז>>6וו₪" של 
3 סחה3 הם מקור ברור ל"קישורים באותו העניין". לרוע המזל, אין 
ל-"טזח%*6116%" קישור לכתבות קודמות בסדרה, ולכן המשתמשים נאלצים לצוד 
אותן בעצמם - דבר שרק המשתמש הנחוש בדעתו יעשה. זו הזדמנות מבוזבזת 
ליצירת עניין נוסף ללקוח והשארתו באתר. 
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זהו אחד מקישורי הטקסט ההכי פחות אינפורמטיביים 
שראיתי. ח08ח0ו56 כותב טור מצוין, אך הקישור 

"5506 +ח6זזטס" (עניין נוכחי) אינו בר שימוש עבור קוראים 
רגילים. מהו העניין הנוכחי? האם הוא נושא שכדאי לי 
לבזבז עליו את זמני? הקישור הקבוע "5506 +ח6זזטס" אינו 
עונה על אף אחת מהשאלות הללו. עיצוב חדש ופשוט 
מאוד יכול להמשיך ולהשתמש בלחצנים הגרפיים, אך 
יתמוך בהם בצורת סיכום טקסטואלי קצר של הטור 
הנוכחי ותאריך הפרסום שלו (ואולי גם קישור ישיר לטור 
שלפניו, ובכך למנוע ממשתמשים שהחמיצו טור את 
הצורך בהורדת רשימה שלמה). 
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בתחתית הדף הראשי של אתר החסס.5או6א, ישנה רשימה, שנבחרה בקפידה, של הכתבות 
העכשוויות הטובות ביותר באתרים אחרים. רשימה זו היא אחת מהתכונות בעלות הערך הרב 
יותר באתר חחסס.ש6א, והיא מהווה את אחת הסיבות העיקריות להשתמש בשירות. שים לב 
שבדוגמה זו, כמה מתיאורי הקישורים נבחרו בצורה גרועה. איך המשתמשים יכולים להעריך 
אם הם רוצים לעבור לקישור בשם "605' סז סט פַחוזנו5"? אני חושב ש-וחסס.פשו6\! פשוט בחרו 
בכותרות דף היעד כטקסט עבור הקישורים, אך ניתן להוסיף להם ערך בצורת טקסט שנכתב 
במיוחד עבור הקישור, דבר שנעשה בדף תשובות חיפוש בכל פורטל. 
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השתמש בכותרות 
קישורים ללא דיחוי 

לרוב, אני ממליץ לא 
להשתמש בטכנולוגיות 
0 חדשות שלא כל 
המשתמשים יוכלו לצפות 
בהן. ברוב המקרים, שימוש 
בכל דבר חדש הוא מקור 
לצרות ויפלה לרעה 
משתמשים עם דפדפנים 
ישנים. 

כותרות הקישורים הן יוצא 
דופן בכל הקשור להמתנה. 
ראשית, משום שהשימוש 
בהן לא פוגע במשתמשים 
בעלי דפדפנים שלא 
מציגים אותן (תוך הנחה 
שאתה הולך על פי ההנחיה 
האומרת שעליך לוודא 
שטקסט ההנחיה של 
הקישור מובן כשכותרת 
הקישור לא מוצגת). שנית, 
דפדפן שאינו מבין כותרות 
קישורים פשוט ידלג עליהן. 
הכותרת אינה מופיעה 
כתגית חדשה או שהיא 
מיועדת להשפיע בצורה 
אחרת על סידור הדף. הדף 
ייראה בדיוק באותה 
הצורה, בין אם הדפדפן 
יעשה משהו עם כותרות 
הקישורים ובין אם לא. 
החיסרון היחיד הוא 
שכותרות הקישורים יוסיפו 
כעשירית שנייה לזמן 
ההורדה של דף 60/\ 
טיפוסי בחיבור מודם. זהו 
אכן חיסרון, אך לשיקולי 
הגדלת השימושיות בניווט 
עבור משתמשים שכן 
רואים את כותרות 
הקישורים, יש משקל רב 
יותר. 
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כותרות הקישורים 


0 זסזס!קאם 6%חז%6ח1 ודפדפניס חדשיס יותר 
מסוגליס להציג הסבר קצר לקישור, לפני שהמשתמש 
בוחר בו. הסבריס כאלה יכוליס לתת למשתמשיס 
תצוגה מוקדמת שתוכל לעזור להס לדעת לאן 
הקישור מוביל ולהחליט אם הוא יסייע להם בניווט. 


המשתמשים יעדיפו לעבור לקישורים אס הס יודעיס 
מה הס יקבלו עוד לפני שהס הגיעו אליהם. אס 
המשתמש החליט לעבור לקישור לאחר שקרא במה 
הוא עוסק, הוא יבין את הדף המקושר מהר יותר 
כשיגיע אליו, ורמת הבלבול שלו תרד. 


הסבר הקישור נקרא בשס ₪6 אחו1 (כותרת קישור), 
וקל מאוד לקודד אותו. לדוגמה, קוד ה- !אדו 
שהופך את השס שלי למנחה (זסח6חה) עשוי להיות: 
"/18600/ר6.60ו56ט. טאוו :כ ח"=+6זת 8> 
<ה/> ח16!560 ססאה2<"ץחקהזססוס זסתסטה"=6חםס 


אם תניח את סמן העכבר על הקישור בדפדפן, 
המילים "עְחִסְבּזף0ו8 זסוטטג'' יופיעו אחרי כשנייה. 


כשהכותרת "ץְחַ30ז8108 זסחזטה'' מופיעה בכל פעס 
שהמשתמשים תוהים מה יתקבל מלחיצה על שמי, 
הם יקבלו אינדיקציה לגבי סוג המידע שהם יכוליס 
לצפות לו כתוצאה מלחיצה על הקישור. בין שאר 
הדברים, מובטח מעל לכל ספק שלא מדובר בקישור 
מסוג ''0פ!ו8ח'' שיגרוס לפתיחת תוכנת דואר 
אלקטרוני וליצירת הודעה חדשה. 


הנחיות כלליות לכותרות קישורים 


מטרת כותרת הקישור (התגית <8> והמאפייניםס וזח 
ו-006) היא לסייע למשתמשיס לצפות מה יקרה אס 
הם יעברו לקישור מסוים. ניתן לשלב בקישור מידע 
מתאים, כגון: 


% שס האתר שהקישור יעביר אליו (אם הוא אינו 
האתר הנוכתי). 


> שם אתר המשנה שהקישור יעביר אליו (אם 
הקישור ישאיר את המשתמש באותו האתר אך 
יעביר אותו לחלק אחר שלו). 


6% פרטים נוספים אודות סוג המידע אותו ניתן 
למצוא בדף היעד, וכן כיצד הוא קשור לטקסט 
המנחה ולהקשר הדף הנוכתי. 
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שים לב כיצד אותה כותרת הקישור נראית שונה 
ב-פאוססחו/\ ובמקינטוש. באופן כללי, אין לצאת מנקודת 
הנחה שכותרת קישור תיראה בצורה מסוימת, או שתהיה 
לה גלילת שורות (ספּזשש סזס/\) כלשהי. רשום טקסט 
פשוט המתאר את יעד הקישור. 


פרק 2: עיצוב דף ‏ 61 





(בעמוד הבא, למעלה) 
ה5ו1ז820א משתמש באותם 
הצבעים עבור כל הקישורים, 
בין אם המשתמש כבר ביקר 
בהם ובין אם לא. דבר זה 
מקשה על המשתמשים 
לנווט באתר, משום שאין 
להם מושג באילו אפשרויות 
הם כבר התנסו ואילו נותרו 
לחקור. לדוגמה, משתמש 
שאינו יודע אם ניתן למצוא 
מידע על חברה אחרת תחת 
5 (לקוחות), 

5 6356 (מחקרים), או 
פוסחזוהק (שותפים) עשוי לא 
לזכור אילו מהאפשרויות 
הללו הוא כבר ניסה בעבר 
(בהנחה שהמשתמש מקדיש 
זמן מה לניווט בשטח 
שבתוך כל אחת 
מהאפשרויות הללו לפני 
שהוא חוזר לדף הראשי). 


(בעמוד הבא, למטה) אפילו 
כשנעשה שימוש בצבעים 
שונים עבור קישורים בהם 
כבר נעשה שימוש וקישורים 
חדשים, המשתמשים לא 
יוכלו לדעת באיזה צבע 
השתמשו עבור כל סוג 
קישור. האתר 20% 8106 פחד 
משתמש לפחות בנגזרות 
דהויות של צבעי ברירת 
המחדל של הקישורים 
(בתמונה הצבעונית 
שבתקליטור המצורף, הדבר 
בולט יותר), אך ראיתי כבר 
אתרים שהשתמשו 
בקישורים צהובים וירוקים 
ושם אי אפשר לדעת מה כל 
צבע מסמל. 


2 עיצוב ממשק באינטרנט 


% אזהרות אודות בעיות אפשריות בקצה השני של 
הקישור (לדוגמה, יש צורך ברישוס משתמשי). 


כותרות הקישוריס צריכות להיות קצרות מ-80 
תווים, ונדיר שיש צורך ביותר מ-60 תוויס. מומלצ 
להשתמש בכותרות קישוריס קצרות ככל האפשר. 


בנוסף, אינך חייב להוסיף כותרות קישורים עבור כל 
הקישוריס. אם ברור מהטקסט המנחה של הקישור 
ומהקונטקסט שמסביבו לאן הקישור יוביל, אזי 
כותרת קישור תפחית את השימושיות (שווופ58ט) בכך 
שהיא תהיה דבר נוסף, עליו המשתמשים יצטרכו 
להסתכל. כותרת הקישור תפריע לשטף הענייניס, אס 
היא פשוט תחזור על אותו הטקסט, כפי שהוא מופיע 
בטקסט המנחה. 


אל תניח שכותרת הקישור תיראה באותה הצורה על 
ידי כל המשתמשים. דפדפנים קוליים יקראו את 
הטקסט בקול, ולא יציגו אותו חזותית. אם אתה 
כותב כותרות לקישוריס בעברית כדאי מאוד 
שתבדוק איך וה נראה בדפדפנים השוניס. דפדפנים 
שוניס יציגו כותרות קישוריס בצורות שונות מאוד זו 
מזו, כפי שמתואר בתרשים. 


ולבסוף, שיסם לב שכותרות הקישורים אינן מונעות 
את הצורך בהפיכת הטקסט המנחה של הקישור 
למובן, ללא קשר אם יש או אין כותרת קישור. 
המשתמשים אינס צריכיס להצביע על קישור כדי 
להבין את משמעותו. כותרת הקישור שמורה למידע 
נוסף. בנוסף לכך, בשניס הבאות, יהיו עדיין 
משתמשיס שברשותם דפדפן שאינו מסוגל להציג את 
כותרות הקישורים. 


צביעת הקישורים 


רוב דפדפני ה-60)\ משתמשים בשני צבעים שוניס 
כדי להציג קישורים: קישוריס לדפיס שהמשתמש 
עדיין לא ביקר בהס צבועיס לרוב בכחול, ואילו 
קישוריס לדפיס שהמשתמש כבר ראה בעבר מוצגיס 
בסגול או באדוס (תלוי בדפדפן). חשוב לשמר את 
קידוד הצבעיס הזה בצבעי הקישוריס שלך, כדי 
לשמור על רמת השימושיות ב-65/\. למרות שאין 
צורך להשתמש בדיוק באותה הצללת הכחול בה 
הדפדפן משתמש כברירת מחדל, אתרים שעדיין לא 
נצפו חייביס להישאר בגוון כחול, ואילו אתריס שכבר 
נצפו חייבים להופיע בגוון אדוס או סגול כלשהם. 
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פרק 2: עיצוב דף 63 


כשנעשה שימוש בצבעי קישורים לא סטנדרטיים, 
המשתמשיס מאבדיס את יכולתס לראות בבירור 
באיזה חלקיס של האתר הס כבר ביקרו ואיזה 
חלקים יש עדיין לחקור. 


כתוצאה מכך נחלשת במידה ניכרת תחושת הבנת 
המבנה והמיקוס באתר של המשתמש, ושימושיות 
הניווט נפגעת. חלק מהמשתמשים יבזבזו את זמנס 
בבחירת אותה האפשרות פעס אחר פעם, אחריס 
יוותרו לגמרי, ויחשבו שהס כבר חקרו את כל 
האפשרויות כשלמעשה הם לא עשו זאת, וחלקס לא 
יצליחו לחזור לסעיף אותו קראו והתעניינו בו, משוס 
שהוא אינו בולט ברשימה. במחקר שנערך במספר 
גדול של אתרי ס6/, |ססס5 6ַ6ז8ּ3 ועמיתיו מ- 
8ח66חוסח= %671866ח1 ז050) מצאו מיתאס של 0.4=ז 
בין שימוש בצבעי קישוריס סטנדרטייס והצלחה 
בביצוע משימות המשתמש (מיתאם של 0.4 פירושו 
שצבעי קישוריס סטנדרטייס הסבירו כ-16% מהגיוון 
ביכולת המשתמש לעשות דבריס באתר, וכי כל 
הפקטוריס האחריס מסבירים את ה- 84% הנותרים. 
במיליס אחרות, צבעי הקישוריס הס בהחלט לא הנושא 
החשוב ביותר בשימושיות ב-60/\, אך הס חשובים). 


ציפיות מקישורים 

השתמש תמיד באותו ה-|₪ כדי להתייחס לדף נתון. 
אס קישור אחד משתמש ב- ₪1( מסוים וקישור נוסף 
משתמש ב-|( שונה, הדפדפן לא ידע כי שני הקישוריס 
מוביליס לאותו הדף, ולכן גס אס המשתמש השתמש 
בקישור הראשון, השני עדיין יופיע כקישור חדש - 
דבר המבלבל את המשתמשים, כשצבע הקישור מציין 
בבירור שהס לא ראו עדיין דף, כשלמעשה הם כן ראו 
אותו. המשתמשים לא יצליחו ללמוד לעולס את 
מבנה האתר אס יש בו טעויות עיצוב כאלו. 


הפיזיולוגיה של הכחול 

אם היינו מעצבים מחדש את ה-60/\ כיום, מעט מאוד מעצבי ממשק משתמש מנוסים היו 
בוחרים בכחול כצבע המועדף עבור קישורים חדשים. טקסט כחול קשה קצת יותר לקריאה 
מאשר טקסט בצבעים אחרים כגון אדום או שחור (בהנחה שיש רקע לבן), משום שלעין 
האנושית יש פחות קולטני (5ז6660%0ז) אורך גל כחול. למרות זאת, אני עדיין ממליץ על שימוש 
בכחול כצבע ברירת המחדל של הקישור, משום שהמשתמשים כבר התרגלו לצבע קישור 
כחול, ולכן אין להם השהיה בהבנה כיצד לעבוד עם הדף, אם הוא משתמש בצבע כחול 
עבור קישורים חדשים. המילישניות שאובדות בקריאת כמה מילים לאט יותר בשל צבען 
הכחול הן זמן קצר בהרבה מהשניות שנחסכות בהשהיית השימוש בצבעי דף לא סטנדרטיים, 
ודקות נחסכות משיפור הניווט כשהמשתמשים יודעים באיזה קישורים הם כבר ביקרו. 
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פזס.פפ/ח./ש/ש/ש 


שים לב כיצד השימוש הסטנדרטי בצבעי קישורים גורם לכך 
שהמשתמשים יראו במבט אחד, כמובן מאליו, באיזה 
קישורים של דף 6870605 |168ח20%9 אזסץ צוס\\ הם כבר 
ביקרו. באתר זה, המשתמשים עוברים לקישור מסוים רק 
כשהם באמת רוצים לעשות זאת. 


פרק 2: עיצוב דף 65 





לקישור טקסט יש תמיד שני קצוות - הדף השולת ודף 
היעד. יש להקפיד על שני עקרונות בקישוריס כדי 
להגדיל את השימושיות שלהס ביחס לשני הצדדים : 


% סיבת העויבה - הסבר למשתמשים בבירור מדוע 
כדאי להס לעזוב את התוכן הנוכחי שלהם, ומה 
הם ישיגו בקצה השני של הקישור. 


% סיבת ההגעה - הסבר את התוכן החדש 
למשתמשיס שהגיעו לדף החדש, ותן להס סיבה 
שקשורה למקוס ממנו הס הגיעו. 


קישורי חוץ 


חלק ממעצבי ה-60/\ נמנעים מלקשר את האתר 
שלהם לאתרים חיצוניים, משוס שהם רוציס להשאיר 
את המשתמשיס באתר שלהס ולא להציע להס 
הודמנות לברוח. אינני מחבב את הגישה הזו כלפי 
הקישורים, משוס שהיא נוגדת את הטבע הבסיסי של 
ה-65/\: המשתמשים שולטיס במעשיהם. בנוסף, אין 
דרך מעשית ללכוד משתמש באתר משוס שהוא תמיד 
יכול לברוח על ידי שימוש בסימנייה (6זפּוחאססם) או 
על ידי הקלדת כתובת 081 חדשה. 


אתריס מסוימיס משתמשים ברמזי אזהרה 

המתריעיס בפני המשתמש על כך שהוא עומד לעזוב 
את האתר, כמו באתר ז60011060ו5 של ספסזסווא, אך 
אינני ממליץ לעשות זאת. באתר המדובר, יש שלוש 
בעיות. ראשית, דרך זו אינה סטנדרטית באינטרנט, 


קישורי אנשים 
כששמו של אדם מסוים הופך לקישור, אני ממליץ להפוך אותו לקישור לדף ביוגרפי אודות 
אותו האדם. כדי לשמור על העקרון של הורדה מהירה, הדף האישי צריך להכיל תמונת 
פורטרט שגרתית קטנה יחסית (שניתן לקשר אותה לתמונה אחת או יותר של האדם 
במצבים שונים). הדף האישי צריך גם לתאר בקצרה את רקע האדם ולהכיל קישורים 
מתאימים למידע מפורט נוסף. אם האדם הוא כותב של טור קבוע או שהוא תורם לנושאים 
הנדונים באתר, מקובל לקשר לרשימה מלאה של דפים באתר שנכתבו על ידו. אפשר לקשר 
מהדף גם לרשימה של כל הכותבים באתר. 


אני ממליץ שלא להפוך את שם האדם לקישור לדואר האלקטרוני שלו. קישור זה עובר על 

כללי הציפייה ב-69/)\, משום שקישור ייקח אותך לרוב למידע אודות הדבר עליו לחצת, ולא 
אמור לאפשר לך לתקשר איתו. בנוסף, זה לא טבעי ללחוץ על קישור טקסט רגיל ולהיות 

מועבר ליישום דואר אלקטרוני. 
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פתיחת חלונות דפדפן 
חדשים משולה למוכר שואבי 
אבק שמתחיל את ביקורו 
בריקון מאפרה על שטיח של 
הלקוח. אל תזהם את המסך 
שלי בחלונות נוספים, תודה 
רבה (במיוחד משום 
שלמערכות ההפעלה 
הנוכחיות יש מנהלי חלונות 
עלובים). אם אני ארצה חלון 
חדש, אני אפתח אותו 
בעצמי! 


המעצבים פותחים חלון 
דפדפן חדש בטענה שהוא 
משאיר את המשתמשים 
באתר שלהם. אך אפילו אם 
נתעלם מהמסר העוין הטמון 
בהשתלטות על מחשב 
המשתמש, האסטרטגיה 
מנוגדת למטרתה משום 
שהיא מנטרלת את לחצן 
ה-886%, המהווה דרך רגילה 
למשתמשים לחזור 
לדף/אתר הקודם. לרוב, 
המשתמשים אינם שמים לב 
שנפתח חלון חדש, במיוחד 
אם הם משתמשים במסך 
קטן בו החלונות מוגדלים 
למקסימום כך שהם 
ממלאים את המסך. לכן, 
משתמש שינסה לחזור לדף 
ממנו הוא הגיע יתבלבל 
כשהוא יראה לחצן 886% לא 
פעיל (אפור). 


)מ 
0-58 


זט אסזם טם ה 6טת6מטה] טצ'ט/\ 
.)טקאט שמוקקטגג 18ם) זס] 


5 ודא 6 





0300//8/2000.0070./ע/ע/ע 


ולכן המשתמשיס לא תמיד יבינו מה פירוש הדבר. 
שנית, הקושי בלמידה גדל, משוס שיש צורך להפריד 
בין שלושה סוגיס של קישוריס במקוס שנייס בלבד. 
אני סבור שרביס מהמשתמשים לא יבינו מדוע חלק 
מהקישוריס הפנימייס של 111670506 מסומניס וחלקס 
לא. בנוסף, הקישוריס החיצונייס נראיס בדרך זו 
חשוביסם יותר מאשר הקישורים הפנימיים. העין 
נמשכת לצורות הצבעוניות המסיחות את הדעת 
מהקריאה. הדבר אותו אני כן אוהב באתר הוא צורת 
ההתייחסות לרשימה 48ח₪6801 זסחצוט= (קריאה 
נוספת) שחולקה יפה לכותרות משנה המקלות על 
הסריקה. 


שיפור עיצוב האתר קל. הרעיון הראשון הוא פשוט 
לגרוס לסמן לשנות צבע כאשר הוא נמצא מעל 
לקישור חיצוני. רעיון זה ניתן להרחבה לשימוש 
בצבעיס שוניס להבדלה בין אתר חדש לכזה 
שהמשתמש כבר ביקר בו. ניתן גסם לשנות את צורת 
הסמן כתלות בדירוג האתר המתקבל משרת דירוג 
(567/67 ח%800וק₪6) - על ידי הוספת כוכבים מתחת 
ליד, לדוגמה. 


פרק 2: עיצוב דף 67 
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זסווטטסווס 


א ז 0 א 61 ה 


5 זס ססר - 5-5 


0 





6 וטסצ הַחואב3 ?0567 ₪36 וס) פבו 
ו 0 וז 6פ/עשסיו ם 


טנ 37601086 86 סד 9 ( 05586 


%ח 8ח+ ח! הַחהורחס6 6300785+ שפח 8ה+ %טספב 5!קספכ האוש הַחוא|3+ +58ערח הח ה8א0 1 
קט הַחושז59 זס+ ,זפטז55 ך 5איסבחו/ל רתס 8|פבּ!ובּט3 זס ,זפזס|קא5 8%חז%5ח1 +0 הסופזפט 
שח שסת 08512860 300 ,6300765 שפח [600 8+ הפר 80 שסח5 פע'1 47 .5הָבּכ ספ/צ 
שפח 3 שח 0+ 5טסואחב 68% עָ||ט5ט 8|ק0פכ ,80% 006 65/ 3 חו 580ט 58 %ח6ורח 

.565 חס זופח+ חס 3078 5+ 





חן 8//5%פח3/₪ 30 5) 4655 020% 
5/3005 2578/0026 5'לוס5סץם/1/ 
צול ,5 +ס !30 + ע/6להתטא0= . קטסץ) 
%ח 300/00 תוס פוק זב צחסותוקס 
"?6|םב3]|\ב39 ץ|%חה8זזט6 5ז5שסזם 6+ חס אזסש 60 15ח+ 00/1/6566 אפסה" +ס 5ח0500 6% 781080% !5370 6085ת 
050% 


:קט 85חחסס 3]0375 הס ס5פטף 606 הפחד 


,568סזפ %תפזושטש 3 חאו 5וח+ 0 6010 טסץ +1 .זב5+3 %ח3!ם 3 הא הפר 3% 00%] 165% 1 
,3 8חס חם , סה 6רח 3265 רחב 55צְבא|3 16 ?6 ה[טסש סח , 6ז 5+ שופ ב 5ם > חטוטפש 


בס אחוחץ ש08+ 03%+ 8ז63%7+ שְ22וח/ ,| 5080 508 זס+ זסרח63 5זפקס|8ש08 ספא | ₪ממווווווו 


זופח+ זפ5שסזם שָזפטם חס אזסי 60 6 %חב ₪ 8+ לפץ ,5156 פפ/) זופח+ פטסזק ח! ץ||הפז 
.החופט 56 60%)רח 30816768 :₪0 וסוט 


1 =!כחו5 





בח3 5ז98חש|085 5 8// זס+ הח הל5טז? זפטפשוסח , עו|פ 3 קרח 60 3%ה+ ספוסחט! 58 630% 16 
.ץ||637860 6075108780 28 60 8805ח 73%+ 15508 3% סקרח! חב 15 ,875 ק0808|0 זס5אסזם 
85 זטסץ ח! %חוסק 8רח50 46 .שט|50 %0 רח6!ססזק 0160006 שזפט ,שזט 3 06 3|50 הב6 16 
[8ח0%8כ זטסץ + ח0 3+ 8רח50 3]/873%8 %0 סטמ 600168 סח פטבּח |[וו טפץ ,חחַו85ה 
50 5566 3 הַח|א3רח עס זס ,568 6306 שְ5ח+ 538 3 הַח|300 צם זפהם ,3016068 
פזסחט || "+חם רחהו%8+3ח5" הַחהו588 5ז8+ט5 3% הַחהואסס] 8|קוחו5 


+ |8שפ] 3%6!קסזקק3 חב 085|טסזק %03% 5|68 0/8 3 078366 0+ 35 [ב873ש55 פזב פזבחד 
%סס] 3 %3%8 1.505 ,זפ5שסזם 60 וס5ווסזם חב ,וחזס3| 60 החזס13כ החפ 35 קרח ס6 
.805 [סזק זטסץ זס+ %8הווקסזקק3 56 || חס 5קבחזפק (85ה6בסזקקב %ה0/4878 680 ב 3% 





6וחו5 +53 





חנ קדו56 

5 36 זכ 3 "860 חור 6-ה סרחרת 00-85% 1.0" %08 חס 06058 5166 פ 3 078308 ו 
זס ,8%5|קק3 57280080 חס ץ|פז זס , !וד שְח3+ שח 56ש %'00857 566 %06 5ה83וח 
זל 50 |[פ/ %טם 85870%80זכ ץ!םרח/5 , הסה ההזס+ח! 105% 165 .הַחקו50 5148-₪180% 

0 8%87056 6000 שק 3 5 5166 8567%3098ז82 טפ "876ח5ט" 3 הַח530ץש , ץ||בשת 
50 ש|פז 54685 עְחבּרח ססף זב" .הסבּרהזס+ה! חב 8ַהַ8553רח זטסץ +0 עו|טם 8ה+ 686% 
אטח 83|!28ץ %'ח00 5ז783+0 זופה+ 03% 65וח קב ש6ח3+ חב 84805 |3 5050 חס ץ|וטבפפת 
.וסזק שְ8ח+ הסה רהזס+ח/ [83ז 15| 





3% 630 טסץ הפר* ,פִהָבכ זוטסץ +0 חהסופזפט 2.0 !וד חב קט 58% פטבּת טפש פ6חס 
זו8ח+ +ס 8רחה50 8<!|שש ל 5זפ5שסזם זפ שפח שס]||בּ 3% 630785+ [ט5וש פרחס5 הַחו300 / 
5 ח6ש5 פחַחוח+ הלו זפ הברח 318 קרח 60 3 ח! 8ח40 58 ץ|[₪35 63 5וח ד .שא ]3 חסול חט+ ו סיו 
6+ חב ,5%%+ 8+ +0 26+368ע% 3 +ס|60 98 הַח 349600 זס+ ,%ה8רח8|8 <047=> פה+ ור יי 
,6058 +0 ,0ח3 .פַהָבּק 8ח+ +0 36| 8חה+ 8חש₪08-6 הַחוק|פח זס+ ,%ה8רח8]8 <ם |ם ד> 








60077.ח05ח ./ש/עעץ 


אתר ז06!וט5660 של 050%י6ו] מסווג את הקישורים על פי 
שלוש קטגוריות, שכל אחת מהן מקבלת טיפול חזותי 
שונה: הקישורים שבתוך אתר 5106006 מופיעים ללא 
תוספת, קישורים לחלקים אחרים של 50%סזסו1 מוצגים 
יחד עם סימול "6חו| סחטסטזטס" (קישור חיצוני), וקישורים 
לאתרים חיצוניים מוצגים יחד עם סימול "15 9ח1ו/68|" 
(יציאה מ- 607050%ו1!). 
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6 וטסצ הַחואב3 ?0567 ₪36 וס) פבו 
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|טנ 37601088 56 סד 7 ,2 ש 05560 


%ח 8ח+ ח! הַחהורחס6 6300785+ שפח 8ה+ %טספב 5!קספכ האוש הַחוא|3+ +58ערח הח ה8א0 1 
קט הַחושז59 זס+ ,זפטז55 ך 5איסבחו/ל רתס 8|פבּ!ובּט3 זס ,זפזס|קא5 8%חז%5ח1 +0 הסופזפט 
שח שסת 08512860 300 ,6300765 שפח [600 8+ הפר 80 שסח5 פע'1 47 .5הָבּכ ספ/צ 
שפח 3 שח 0+ 5טסואחב 68% עָ||ט5ט 8|ק0פכ ,80% 006 65/ 3 חו 580ט 58 %ח6ורח 
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חן 8//5%פח3/₪ 30 5) 4655 020% 
5/3005 2578/0026 5'לוס5סץם/1/ 


קט 60085 310325 הס פפטף 606 הפחד צול ,5 +ס !30 + ע/6להתטא0= . קטסץ) 

%ח 300/00 תוס פוק זב צחסותוקס 

"?6|םב3]|\ב39 ץ|%חה8זזט6 5ז5שסזם 6+ חס אזסש 60 15ח+ 00/1/6566 אפסה" +ס 5ח0500 6% 781080% !5370 6085ת 
050% 
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הדוגמה ההיפותטית הזו מציגה שתי דרכים, בהן הדפדפן 
יכול להודיע למשתמשים שהם עוזבים את האתר, ללא 
צורך בסימולי ">חו! פחוספ6טס". דרך אחת היא פשוט 
לשנות את צורת הסמן כשהוא נמצא על קישור חיצוני, או 
שאתה יכול להציג תפריט מסוג טחסחח קט-קסק ובו מידע 
נוסף אודות הקישור. 


פרק 2: עיצוב דף 69 








(בעמוד הבא) תיאורים 
קצרים, כמו אלה שסופקו 
על ידי אתר פַחוחוא 6חד 
ץְח8קח 0ס6, יכולים לשפר 
במידה ניכרת סדרה של 
קישורים חיצוניים. במקום 
להגיד "הנה חבילת חומר 
שתוכלו לבדוק אותה 
(כאילו שיש לכם זמן 
לזה...)", הרשימה 
המוסברת מאפשרת 
למשתמש להעריך כאן 
ועכשיו לאיזה קישורים 
כדאי לו לעבור. 


סק עיצוב ממשק באינטרנט 


דרך אחרת לעשות ואת יכולה להיות על ידי הצגת 
טח6וח קט-קסש (תפריט מוקפצ) המכיל מידע נוסף 
אודות הקישור. בתמונת הדוגמה שבעמוד 69, אני 
מציג את כותרת דף היעד (שהתקבלה משרת ה-ץאסזם), 
וכן את שס האתר החיצוני (שהתקבל כנראה מהגדרת 
האתר או מכותרת הדף הראשי). הח שמצביע על שס 
האתר יכול לשנות את צבעו אס המשתמש כבר ביקר 
בדפיס כלשהס באתר ההוא. לדפדפני ה-60))\, כפי 
שמוצג בשתי דוגמאות אלו, יש עדיין דרך ארוכה בכל 
הנוגע לתמיכה בהרגלי הניווט של המשתמשים. חבל 
שהיצרניס הראשייס מבזבוּים במקוס ואת את 
מאמציהם על תכונות מולטימדיה חסרות תועלת. 


הסיבה העקרונית ביותר לכלול קישוריס חיצונייס 
באתר שלך היא שהם יוצריס ערך לתוכן שלך, אליו 
ניתן להגיע בקלות. בכל נקודה נתונה, מעצב ה-60/\ 
אחראי לתת למשתמשיסם את הקישוריס הטוביס 
ביותר ליעדיס בעלי הערך הרב ביותר, קישוריס 
שיהיו שימושייס עבור רוב המשתמשיס. המשתמש 
יתייחס לכל ערך שיהיה לו מהאתר החיצוני, כאילו 
הוא הגיע בחלקו מהאתר שלך, משוס שאתה הנחית 
אותו לעבור לשס. אס המשתמשים ירגישו שהס 
מקבלים תוצאות טובות מכך שהס מבקריס באתר 
שלך, הס יחזרו עוד פעמיס רבות. הקישוריס הופכיס 
לתוכן ולסיבה בפני עצמה לכך שהמשתמשים אוהביס 
את האתר שלך ומשתמשים בו. 


אתה יכול לקדס את העבודה שנעשתה על ידי מליוני 
יוצרי תוכן ברחבי העולם, על ידי בחירה זהירה של 
קישוריס לאתרים חיצונייס. בעיקרון, כמובן 
שהמשתמשים יכולים למצוא את היעדים התיצוניים 
הללו בעצמם, ולהגיע אליהס בלי לעבור באתר שלך, 
אך באופן מעשי קשה למצוא מידע שימושי באינטרנט, 
ולכן המשתמשים יאהבו אותך בגלל הקישוריס שלך. 


יש לבחור בקפדנות את הקישורים התיצוניים. עדיף 
לקשר למספר קטן של דפים חיצוניים עס זיקה חזקה 
לאתר שלך, מאשר לתת קישוריס לכל האתריס ב-60/\ 
הקשורים לנושא. כמו בענייני עיצוב אחרים, יותר 
שווה פחות: ככל שיהיו לך יותר אתריס ברשימה, 
המשתמשים יוכלו להתרכז פחות, ולהפנות פחות את 
תשומת הלב שלהס לאתרים בעלי הערך. למשתמשיס 
יש לרוב זמן לחקור רק כ-10% מהקישוריס בהס הס 
נתקליס. חלק מהס רוצים שלמות ואת האפשרות 
לסקור בכל אתר כמות חומר גדולה הקשורה לנושא. 
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החסס .0וס/ש 8 8ן./ע/ע/ע 


בסוף רוב הכתבות, יש ל-6!זס)\גּצ38 הפניה למקורות מומלצים 
לקוראים שיש להם עניין בכתבה. רק הקוראים שיש להם עניין 
בנושא הכתבה יגיעו אל סופה, ולכן מקום זה אידיאלי להצבת 
התייחסויות למקורות חיצוניים כבדים. המשתמשים מוצאים לרוב 
ערך בהתייחסויות אלו ומשתמשים בהן כדרך להשגת מידע 
מעמיק יותר מזה שניתן לספק בכתבה יחידה. לרוע המזל, עיצוב 
הדף מוליך את עיני המשתמש ל-0₪1 של המשאבים, משום 
שה-|₪ הופכים לקישורי טקסט, עם הצבע והקו התחתון 
המתבקשים מכך. קשה לסרוק את רשימת המשאבים 
הקומפקטית ולבחור את אלה המעניינים יותר קורא מסוים. 


2 עיצוב ממשק באינטרנט 
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8/0000 8ן./ע/ע/ע 


כאן, עשיתי עבודת עיצוב קלה על רשימת המקורות (665ז1ט4650) של סוזס/\הּטהּ2. ה- |חט הם 
החלק הפחות חשוב ברשימה, ולכן הם הוקטנו וקיבלו צבע פחות בולט. קישור מעביר אותך 
אוטומטית ל-|, ולכן לא תמיד יש לכלול את הכתובת בטקסט. הסיבה בגללה אתה עשוי 
לרצות לכלול את ה-א היא כשה- | מוסיף אמינות לקישור. לדוגמה, אם אתה מקשר לאתר 
העוסק בתיקוני רכב, הכתובת ח0ס.0ז0ס? עשויה להיראות מהימנה יותר מאשר 
הח5106.00יכק1760508. על ידי שימוש בטקסט תיאור בשפה פשוטה בקישורי הטקסט, עיני 
המשתמש מופנות למידע החשוב ביותר בהחלטה לאיזה קישורים לעבור. יכולת הסריקה 
משופרת אף יותר בכך שלא כל השורה מודגשת, אלא רק המילים החשובות המתארות את 
היעד. כפרט קטן אחרון, ההבדל היחסי בין שני הקישורים הראשונים הוא שאותו קוד המקור 
מופיע פעם אחת בפורמט זפו. ופעם שנייה בפורמט כו2., ולכן נעשה שינוי מתאים נוסף בהסבר 
הפורמט, כדי לסייע למשתמשים להבין במהירות מדוע ישנם שני קישורים. 


פרק 2: עיצוב דף ‏ 23 






































(בעמוד הבא) אתר 

6חו|ח0 631%8ח5 כולל 
בתחתית כל דף, תכונה 
בעזרתה המשתמש יוכל 
ליצור קישור תקף לאותו 
הדף. תכונה זו נחוצה משום 
שה- ]81 ששימש כדי להגיע 
לדף עשוי להיווצר על ידי 
שרת חיפוש ואולי לא יפעל 
בעתיד. כמובן שעדיף 
להשתמש ב-₪1ש פשוטים 
שימשיכו לעבוד ללא הצורך 
בצעד נוסף זה, אך במצב בו 
המשתמשים מקשרים ל- | 
זמניים בחלקים רבים של 
השירות, יהיה זה מצוין 
לאפשר למשתמשים לגלות 
בקלות !אש קבוע. שירותים 
המכילים מידע רקע צריכים 
לעודד קישור אליהם על ידי 
כמה שיותר משתמשים. 
יצירת קישור לדף תהיה על 
ידי הקוד הבא: 


=זח 8> 
וחסס. חפוח. 8+זה6ח6/ /: קת 
9א=6156/061801%.350?/5ח60/ 
80 18/0=1 = הח = 783 
<03300000 
אני מניח שהחלק "97א=5/" 
גורם להפניה למהדורת 
7. אם כך הוא הדבר, 
זוהי כנראה שגיאה לכלול 
פרמטר זה בקישור. לרוב, 
עדיף לקשר לגירסה 
העדכנית ביותר של הכתבה, 
במקום להיצמד לנצח 
למהדורת 1997. 


4 עיצוב ממשק באינטרנט 


כדי לשרת כהלכה את המשתמשים הללו, כדאי לכלול 
קישור יילאתר עליי טוב הקשור לנושא. "*אתר עליי 
(50675160) הוא אתר שמטרתו לספק אינדקס של 
אתרים אחרים בנושא מסוים, לסווג אותס ולהעיר 
עליהס הערות. 


קישורים נכנסים 


הקישורים הנכנסים עשויים להיות אחת הדרכים 
החשובות ביותר ליצירת תעבורה באתר שלך. 
כשאתריס אחריס מכיליס קישוריסם לאתר שלך, הס 
מספקים לך פרסוס (חלקם בחינם) ומעודדיס 
משתמשיס לעבור לאתר שלך (זכור כי כותב הדף 
החיצוני התייחס כנראה לעצתי לבחור בקפדנות 
קישוריס חיצונייס). לפיכך, עליך להיות אסיר תודה 
לקישורים הנכנסים ולעשות כל שביכולתך כדי לתמוך 
בהס. לכמה אתרים יש תוכניות שיתוף (8-65ו8/8) 
רשמיות שממש משלמות עבור קישורים נכנסים. 


הדרך הקלה ביותר לאפשר קישוריס נכנסים היא 
להשתמש ב- ]8 קבועיס עבור כל אחד מהדפיס שלך. 
בכל פעס שהמשתמשים יראו קישור 081 לאחד 
מהדפיס שלך, הם יוכלו להעתיק אותו לקישור 
טקסט לדפים שלהס בידיעה שהקישור ימשיך לפעול 
לנצח. אס יש לך דפיס שאמורים 'ילהיעלסיי בתאריך 
מסויס, ציין ואת כדי למנוע אי נעימות מאותס בעלי 
אתריס שבוניס קישור לאתר שלך. 


לעיתים, קורה שלדף מסוים יש 1אש זמני יחד עם 
1 קבוע. לדוגמה, הגירסה ייהנוכחיתיי של טור 
עשויה להיות 081 וירטואלי המפוענח כל פעס לדף 
המסויס של הטור הנוכחי עצמו. במקרה כזה, שני 
ה-0₪1 צריכיס להיות זמיניס לקישורים נכנסיס, 
משוס שכמה כותבים ירצו לקשר לרעיון של הטור 
הנוכתי, ואילו כותביס אחרים ירצו לקשר לטור 
מסויס העוסק בנושא ספציפי. פנה גם לסעיף העוסק 
בעיצוב ₪1 בפרק , ייעיצוב האתריי. 


הדרך הטובה ביותר לעידוד קישוריס נכנסיס היא 
פשוט לספק תוכן מעולה, כך שאחרים ירצו לקשר אל 
אותו הדף. בנוסף, אס הדפיס שלך מתמקדים 
בנושאים מסוימיס אז כותבי אתרים אחרים יוכלו 
להשתמש בהם כהתייחסות למידע מסוים אותו הס 
מעודדיס את המשתמשים לקרוא. פחות סביר שכותב 
אחר יבחר בדף שלך כיעד לקישור, אס הוא מערב 
יותר מדי נושאיס יחד. אחרי הכל, הדף יעבור על כלל 
ההגעה משוס שקוראי הכותב ההוא לא יבינו מדוע 
הס הופנו לדף הממוקד שלך. 
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אתה יכול להיפרד מרעיון 
השימוש בקישורים נכנסים 
כמקור למשתמשים חדשים, 
גם אם אתה דורש הרשמת 
משתמש (ח60507800) או 
פתיחת מנוי (חססק 056ט50). 


6 עיצוב ממשק באינטרנט 


קישור לאתרי מנויים ורישום משתמשים 


אתה יכול להיפרד מרעיון השימוש בקישורים נכנסיס 
כמקור למשתמשיס חדשים, גם אס אתה דורש 
הרשמת משתמש (ח₪6015078000) או פתיחת מנוי 
(ח00ק50250). אין סיכוי שכותבי 65/\ יכניסו קישור 
לדף, אס המשתמשים שלהם ייאלצו להירשס 
בתשלוס לפני שהס יורשו לקרוא אותו. אפילו רישוס 
המשתמשים די בו כדי להוריד את כמות המשתמשים 
שמגיעיס מקישורים נכנסים. משתמש שיעשה את כל 
הדרך לקישור רק כדי להיורק למסך רישוס במקוס 
לקבל תוכן דף אינו משתמש שבע רצון. 


אס האתר שלך דורש דמי מנוי או רישוס משתמשים, 
אני ממליץ שתיתן אפשרות לקשר, ללא תשלוס 
50070 1166), דפיס מסוימיס ב-0₪1 מיוחדים - כלומר, 
כל משתמש שיגיע לאותס ה-₪1 יוכל לחיכנס בלי 
להיתקל במסך חוף10. אס אתה בוחר את הדפיס 
החופשייס שלך, כך שמצד אחד ייצגו את השירות 
שלך, ומצד שני יועילו לכותבי אתריס אחרים, הרי 
שהסיכוייס למשוך משתמשים המתענייניס בנושא 
גבוהים, וכמה מהס יהפכו ללקוחות קבועים. עליך 
לשמור על סטטוס הייקישוריס החופשייס'י בדפיס 
הללו, וליצור מנגנון קל עבור הכותביס, בעזרתו הס 
יוכלו לגלות את ה- 01 בו הס יכוליס להשתמש עבור 
הקישוריס שלהס. 


למרות שרישוס מנוייס ומשתמשים אינו טוב 
לקישוריס נכנסים, אינני מתייחס לתשלומיסם קטניס 
(פזח6וחץ3ק סזסווא) באותה הצורה. כשתשלומיס 
קטנים יהפכו לפופולריים יותר בשניס הקרובות, 
המשתמשים יחויבו במחיר סמלי עבור דפים 
מסוימים, דרך מנגנון שהוא שקוף כמו מנגנון התיוב 
הנוכחי של שיחות הטלפון. החיוב מתרחש, והוא 
מופיע בדוח החודשי שלך, ללא התערבות המשתמש 
או אישור מיוחד. הכותביס צריכיס לחשוב על מחיר 
הדף לפני שהס יקשרו אליו, וכל כותב כזה יעדיף 
לקשר לדף חופשי מאשר לדף עס תשלוס קטן, אס 
שני הדפים בעלי ערך תוכן והה. אך חיוב של סכוס 
קטן לא ירתיע אף אחד מלקשר לדף טוב. אס הקישור 
אינו שווה סכוס סמלי, הרי שלא היה כדאי לכלול 
אותו מלכתחילה. 


קישורים לפרסומות 


פרסומות הן מקרה מיוחד של קישוריס נכנסים 
משום שאתה שולט בעצמך בקישוריס אס אתה 
משלס עבור המודעה. אני ממליצ לקשר ישירות 
לדפים שהס נושא המודעה במקוס לקשר ישירות לדף 
הראשי שלך. מחקרי פרסוס ב-ס6/\ מראיס שבין 
% ממשתמשלי ה-80/\ שלוחצים על כרזות 
פרסומות (615חח88 0ג), ומגליס כי הס התחברו לדף 
ראשי של חברה אחרת, לוחציס על הלחצן 886% 
כמעט מיידית. הדבר היחיד שהופתעתי ממנו היה 
שאחוז המשתמשים שעשו ואת לא היה אפילו יותר 
גבוה. אחרי הכל, אם אתה ייזורקיי משתמשים בדף 
הפתיחה שלך, אתה משאיר אותו לחסדי כישורי 
ההישרדות ב-68/\ שלהם, שבעזרתס הס אמוריס 
למצוא מידע בעל ערך, המתייחס לסיבה שבגללה הס 
לחצו על הפרסומת מלכתחילה. אם ניקח בחשבון עד 
כמה קשה לנווט ברוב אתרי ה-טפ/\, זהו רעיון רע. 


חלק מאנשי השיווק של ה-פ6/\ מקשרים את כרזות 
הפרסומת שלהם לדף הראשי שלהס משוס שהס 
רוציס שהלקוחות הפוטנציאלים יחוו את האתר 
מתחילתו. מעשית, זה לא יעזור משוס שהמשתמשים 
אינס להוטיס להיאבק באתר שלך. הוא איננו מרכז 
היקוס בשבילם. משתמשי ה-60/\ גולשיס במהירות 
והס רוציס את המידע כאן ועכשיו - ולא חמש 
לחיצות מכאן. אם, ורק אם, דף היעד יספק מידע 
מעניין הקשור לפרסומת שמשכה את המשתמש, הוא 
יעשה לאתר שלך טובה ויבקר בו. 


ובעניין כרזת הפרסומת עצמה, עליה להיות מעוצבת 
כקישור טקסט. כלומר, עליה להכיל סיבת עזיבה 
מצוינת כדי לגרוס למשתמשים לפתח ציפיות לגבי 
התוכן שאותו יראו בקצה השני, ותגרוס להס להבין 
מדוע בכלל עליהס לטרוח להשתמש בקישור. יותר 
מדי פרסומות פשוט צועקות ייהסתכלו עלי!יי בצורת 
הנפשה מטרידה, והן לא מספקות שום מוטיבציה 
לשימוש בקישור פרט לפקודה המפורשת יילתצ כאןי'י. 
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(בעמוד הקודם) השווה בין 
שתי כרזות הפרסומת של 
אחהטטוס, המופיעות באתר 
+ סח ס6ם 6חד. איזו מודעה 
מבין השתיים יכולה להסיט 
אותך מקריאת כתבות 
מעניינות על כלכלת 
העולם? הפרסומת הכללית 
"5 156 0+ 6זסח >6|!6" 
עוזרת רק למשתמשים 
שאינם יכולים לנחש כי 
ל-%ח008ו6 עשוי להיות אתר 
בשם החסס.אח08ח6.אועשו. 
הפרסומת בעלת חמשת 
הלחצנים הצבעוניים 
מספקת תיאור טוב יותר של 
כמה מהשירותים אותם 
המשתמש ימצא. בנוסף, 
המשתמש יכול גם לעבור 
לדף הראשי הכללי על ידי 
לחיצה על סמל %ח₪8טו6 או 
לעבור ישירות לדף של 
שירות ספציפי על ידי לחיצה 
על הלחצן המתאים. 


גיליונות סגנון 


גיליונות סגנון (655 - 506665 50/6 8חו685680) הס 
אחת מהתקוות הגדולות ביותר בנושא הפרדת 
התצוגה מהתוכן. ה-69/\ היא המערכת שבה מספר 
הפלטפורמות הגבוה ביותר, ומשוס כך התוכן שלך 
יובג במגווו כה רחב של התקניס, כך שעל הדפים 
לציין את משמעות המידע ולהשאיר את פרטי 
התצוגה למזווג (או יידירוגיי) של גיליונות סגנון 
ספציפיים לכל אתר ולהעדפות המשתמש. אס 
השימוש ב-/601)\ גרס לשבירת הדפיס שלך, תעריך 
את היכולת לספק עיצובי דף חדשים על ידי יצירת 
קובצ גיליון סגנון יחיד במקוס לשנות אלפי דפי תוכן. 


השתמש בגיליון סגנון יחיד לכל הדפיס של האתר 
שלך (או אולי בכמה גיליונות מתואמיס אס יש לך 
דפים עס צרכים שוניס מאוד: לדוגמה, תיעוד טכני 
מול דפי שיווק). אחד מהיתרונות העיקרייס של 
השימוש בגיליונות הסגנון הוא הבטחת המשכיות 
חזותית בזמן שהמשתמש מנווט באתר שלך. 
פרסומאים בכלכלה הישנה יודעים מזה זמן רב את 
הערך שבשימוש סוג גופן יחיד בהדפסת מוצרים: לא 
משנה היכן שתיתקל במגזין או עיתון, הטקסט 
והסידור הבסיסי תמיד ייראו אותו הדבר. אתרי 60/\ 
ישיגו אחידות ותפיסה מאותו הסוג אם כל הדפיס 
באתר יהיו מקושרים לאותו גיליון הסגנון. 


ישנן שתי דרכים ליישוס גיליונות סגנון: 


גיליון סגנון מוטמע 50660 56/16 060060חח=) 
נכלל פשוט כחלק מדף ה-60/\ בצורת שורות 
נוספות של קוד. 


גיליון סגנון מקושר 50660 50/|6 60אח/)) נשמר 
בקוב\ נפרד, וכל דף שרוצה להשתמש בסגנון 
שלו מכיל קישור טקסט בכותרת שלו, המפנה 
לגיליון הסגנון. 


השתמש תמיד בגיליונות סגנון מקושריס במקוס 
בגיליונות סגנון מוטמעיס. רק כך תוכל ליהנות 
מיתרונות הניהול בעזרתס ניתן לעדכן את מראה 
האתר כולו על ידי שינוי יחיד. בנוסף, אס תוציא את 
הגדרות הסגנון מהדפיס שלך, תהפוך אותס לקטניס 
יותר וזמן ההורדה שלהס יקטן. אס תשתמש בגיליון 
סגנון יחיד עבור האתר כולו, קובצ זה ירד פעס אחת 
ולתמיד. 
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אחידות בעיצוב באמצעות גיליונות סגנון 


גיליונות הסגנון בכל אתר צריכיס להיות מעוצביס על 
ידי קבוצת עיצוב אחת מרכזית. יש לכך שתי סיבות : 
ראשית, עיצוב מרכזי מהווה את הדרך היחידה 
להבטיח סגנון רציף שהוא אחד מהיתרונות 
העיקרייס של גיליונות הסגנון. שנית, רוב יוצרי 
התוכן ב-60/\ לא מסוגליס לעצב או לכתוב גיליונות 
סגנון טובים. 


הניסיון במעבדי תמלילים עס יכולת סגנון (כגון 

4 ) מראיסם כי רוב הכותביס אינס יודעיס כיצד 
לנהל את עיצוב המסמך בעזרת סגנון. בהוצאה לאור 
רגילה (פַחוחפו|פט 500א265) קל יחסית להבין את 
השפעת הסגנון משוס שזוהי סביבת 6צ//ו51ץ/\ הח 
6% טס 88 15 566 טסץ) עס צורת פלט יחידה - 
מדפסת. אך ה-60/\ אינה סביבת 6ץשו5/ץ/\ בשל 
מגוון הפלטפורמות הנתמכות. יתרה מזאת, גיליונות 
סגנון 68/\ ממוזגיס עם גיליון הסגנון של המשתמש 
ויוצריס את התצוגה הנראית לעין. בשל הבדלים אלו, 
חשוב להקפיד על כך שגיליונות הסגנון יעוצבו על ידי 
מומחים המבינים כי ניתן להציג את תוצאת העיצוב 
שלהס בדרכיס רבות, והיא עשויה להיראות אחרת 
ממה שהס עצמם רואים על המסך. 


6ץ/שז צשצו 

לפני עידן הממשק הגרפי, נהוג היה ליצור מסמך מעוצב במעבד תמלילים על ידי עירוב קודי 
עיצוב בטקסט. לדוגמה, טקסט מודגש היה מצוין על ידי הקוד +9. משתמש שערך את 
הקובץ לא היה רואה את המילה מודגשת, אך הוא היה רואה את הקוד +פ. לפניה ואת הקוד 
+פח. אחריה. הוא לא היה רואה את תצוגת המסמך הסופית עד שהקובץ הודפס. ממשק 
משתמש זה גרם להדפסות מבוזבזות רבות משום שהמשתמשים גילו שהם משתמשים 
בקודי עיצוב שגויים. 


הממשקים הגרפיים הביאו את בשורת עריכת ה-51///6צ/\, שבה מה שאתה רואה הוא מה 
שתקבל 660 טסצ אהח/\ 15 566 נוסצ זהח/)). במילים אחרות, המסמך יופיע באותה הצורה על 
המסך ובהדפסה על נייר, ולכן המשתמשים לא צריכים להדפיס את המסמך כדי לנפות 
שגיאות עיצוב. זוהי התקדמות משמעותית מאוד בנושא שימושיות. 


ב-60/\, אנו נאלצים לוותר על שיטת 6צש\51צצ\ משום שהדפים ייראו שונים מאוד כשהם 
יוצגו על מגוון דפדפנים ו/או התקנים. למסך גדול יש קרוב לפי מאה פיקסלים מאשר התקן 
נישא, וקו 3ד מעביר מידע בקצב הגבוה פי אלף ממודם. אכן, מראה שונה הוא תכונה, ולא 
שגיאה, משום שכדי לתת למשתמש חוויה מיטבית יש לבצע כיוונונים על פי מאפייני כל 
התקן. ככל שההתקן מיוחד יותר, כך יש צורך בתוכן 65\\ נוקשה יותר כדי להפוך למשהו 
שמתאים לתצוגה על אותה הפלטפורמה. הדרך היחידה שהמעצבים יכולים לעשות זאת היא 
לוותר על שליטה מלאה, ולאפשר שליטה על תצוגת הדפים שלהם על ידי מפרט דף שפועל 
הדדית על פי העדפות המשתמש ומאפייני ההתקן: גיליון סגנון. 








2 עיצוב ממשק באינטרנט 





דוגמאות גיליונות סגנון 
עבור אינטראנט 


באינטראנט, אתה יכול 
לרוב להימנע מתוספת 
הסיבוך שבדאגה לנושא 
מגוון הדפדפנים 
והפלטפורמות. אם אתה 
מקובע על פלטפורמה 
ודפדפן יחידים, מדריך 
גיליון הסגנון שלך צריך 
לכלול רק תצוגות מסך 
של דפים שעבדו בתצורה 
המומלצת. גם כאן, עדיין 
יהיה עליך לכלול תמונות 
של דפים שהועברו בגדלי 
חלונות שונים 
(המשתמשים קובעים 
חלונות דפדפן בגדלים 
שונים, אלא אם הארגון 
כולו משתמש בסוג מסך 
מסוים). 


עם זאת, האינטראנט 
עשויה להכיל מגוון 
גיליונות סגנון בשל 
הצרכים השונים של סוגי 
המידע השונים 
שבמחלקות שונות. מדריך 
גיליון הסגנון שלך צריך 
להכיל רשימה ברורה של 
כל גיליונות הסגנון 
ולהסביר מתי להשתמש 
בכל סגנון (בתוספת 
דוגמאות תוכן). 








כדי ליישם בהצלחה גיליונות סגנון לארגון שלך, אתה 
חייב לחשוב על תוכנית הדרכה ליוצרי התוכן שלך 
כיצד להשתמש בגיליון הסגנון. אל תניח שהעובדיס 
מביניס את תפיסת הסגנון וכיצד להחיל אותה פשוט 
מפני שהם מכיריס תוכנת עיבוד תמלילים ועיצוב 
סגנון. ידוע כי רוב המשתמשים עושים שגיאות 
נוראיות כשהס משתמשיס במעבד תמלילים ליצירת 
סגנון, גס בגלל שלמעבדי התמלילים העיקריים יש 
תמיכה גרועה בעיצוב סגנון, וגם מפני שקשה ליצור 
סגנון. גיליון הסגנון שלך אמור להגיע יחד עס מדריך 
קצר המסביר את הסגנונות השונים, וכן כיצד ומתי 
להשתמש בהם. אתה תודקק להרבה דוגמאות, כולל 
קוד 311 גולמי ולתמונות מסך של תצוגת הדפיס 
המקודדיס כפי שהם מוצגיס על ידי הדפדפניס 
העיקריים בכמה פלטפורמות שונות. תמונות המסך 
צריכות להיות מפות תמונה (1806/1805) בהן יכוליס 
המשתמשים ללחו על האפקט אותו הס רוציס 
להשיג, ולעבור לתיעוד הסגנונות המתאימים. אס יש 
לגיליונות סגנון תצוגה דומה, תוכל לחימנע מבעיות 
רבות על ידי הסברת ההבדלים וכן מתי להשתמש בכל 
סגנון. 


למרות שאני מעדיף גיליונות סגנון מקושרים ועיצוב 
מרכצי, יש לאפשר, במידת הצורך, לכותבי דפיס 
פרטיים ליצור סגנונות מוטמעיס נוספים עבור הדפיס 
שלהם. יש לעודד ואת רק כשהצורך בכך קיים, כי 
תמיד יהיו מקרים בהם יידרש סגנון מסוים, שאינו 
מסופק בגיליון הסגנון המקושר. אס דפיס רביס 
זקוקיס לאותו האפקט, יש להוסיפו לגיליון הסגנון 
הגלובלי של האתר, אך אין להציף את גיליון הסגנון 
המקושר בסגנונות הנדרשיס פעם אחת בלבד. את 
הסגנונות המופיעים בדף יחיד יש להטמיע ולא לקשר. 
הדף אמור להמשיך לקשר את גיליון הסגנון הגלובלי 
ולאחר מכן לעקוף אותו עס סגנונות מוטמעיס 
מקומיים על פי הצורך. היתרון בשיטה זו הוא שניתן 
לאפשר שינוייס עתידיים לגיליון הסגנון המרכזי כדי 
להתאים אותו בצורה הטובה ביותר לדף שעבר שינוי. 
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למרות שסמל ה-655 של 
איגוד ה-60/\ (ט6/\ 
והטוז50ח0ס6) נחמד, אני 
ממליץ שתישמר מלהדביק 
אותו בכל מקום באתר 
שלך. אל תציב אותו בדף 
הראשי. למשתמשים לא 
אכפת כיצד אתה בונה את 
האתר שלך (אלא אם הם 
עוברים לקישור "אודות 
האתר", שם מומלץ מאוד 
להציב לחצן 055). כלל 
בעיצוב דפים ראשיים הוא 
"יותר שווה פחות": ככל 
שיהיו יותר לחצנים 
ואפשרויות בדף הראשי, 
כך יוכלו פחות משתמשים 
למצוא במהירות את 
המידע לו הם זקוקים 
(שימו לב לכמות הגדולה 
של דפים ראשיים בהם 
קיימים לחצני הורדה עבור 
יצרני דפדפנים שונים ו/או 
תוכנות עזר למיניהן. מדוע 
להוריד את שימושיות 
האתר כדי לתת לחברה 
אחרת פרסומת חינם?). 


4 עיצוב ממשק באינטרנט 


בדיקת גיליונות הסגנון 


הדפיס חייבים להמשיך לפעול כשגיליונות הסגנון 
מנוטרליס על ידי משתמש הקצה או הדפדפן שלו. 
לדוגמה, אל תשתמש בטריק של חזרה על אותן 
המיליס כמה פעמים עס הסטה קטנה כדי ליצור 
אפקט הצללה. אס הסגנון הרצוי לא יופעל, הטקסט 
יהפוך לגיבוב לא מובן של מילים. חשוב לשמור על 
תצוגה ברורה של הדף גם ללא גיליון סגנון, כדי 
לתמוך במשתמשיס שברשותם דפדפנים ישנים, 
משתמשים עס מוגבלות ראייה, וכאלה שנאלציס 
לחסום את תכונת הסגנון בדפדפן שלהס (בגלל באגיס 
או משוס שהסגנון שלך מתנגש עם העדפותיהם). 
למולך, קל לבדוק תאימות לכלל וּה: פשוט חסוס את 
גיליונות הסגנון בדפדפן שלך וטען את הדף. 


הנה עוד כמה קוויס מנחיס בהס יש להתחשב בזמן 
עבודה עם גיליונות סגנון: 


> אל תשתמש ביותר משני גופנים (ואולי בעוד 
אחד עבור טקסט מיוחד כגון קוד מחשב). זכור 
את הלקח מתחילת ימי ההוצאה לאור: שימוש 
בכמות גדולה של גופניס רק בגלל שאתה יכול 
להשתמש בהם, תגרוס למראה מבלבל. לרוב, 
אתה יכול להשתמש בגופן אחד עבור גוף הטקסט 
ובגופן אחר, מסוג מודגש, עבור הכותרות. שיס לב 
שאפשר (ואף מומלצ) להשתמש ברשימה ארוכה 
של גופניס חלופיים במפרט גיליון סגנון עבור סוג 
מסויס של טקסט. דפדפן המשתמש יבחר את 
הגופן הזאמין הראשון ברשימה וישתמש בו על פני 
כל הדפים שלך, כלומר המשתמש יראה גופן 
יחיד, ויקבל הרגשה שהאתר בנוי בצורה אחידה. 
חשוב שרשימות שמות הגופנים יכילו את 
הגופניס באותו הסדר משוס שהדפדפן יבחר 
בגופן הזגמין הראשון מביניהס. 


6% אל תשתמש בגדלי גופניס קבועים, אלא ציין את 
הגודל יחסית לגודל הגופן הבסיסי המוגדר לפי 
העדפות המשתמש. לדוגמה, תוכל להגדיר 
טקסט גדול כ-%*200%'י, כלומר הוא ייקבע כגודל 
של 24 נקודות אס המשתמש מעדיף את גוף 
הטקסט בגודל 12 נקודות, אך הוא יהיה בגודל 
0 נקודות אס המשתמש ציין גודל גוף טקסט 
של 10 נקודות. החלטת הגולשיס להעדיף גופניס 
גדולים או קטניס נובעת ממגוון מניעיס 


<65וה3ז01> 


אם אתה מתעקש, חרף 
המלצתי, להשתמש 
ב-87065ז=, ספק לפחות 
גירסה חסרת 65חח3ּז= 
עבור המשתמשים הרבים 
שמעדיפים להימנע מהן. 
ניתן לספק תוכן חלופי 
בסעיף <65וח8ז1סח> 
שיוצג למשתמשים שכיבו 
את יכולת ה-8765ז= או 
אם הם משתמשים 
בדפדפנים שאינם תומכים 
בתכונה זו. 


לרוע המזל, רוב המעצבים 
לא טורחים ליצור שתי 
גרסאות לדפים שלהם, 
והם שומרים את 
<865ז)0ח> לקישור 
"מסייע" לאתר ההורדה 
של גרסת דפדפן התומכת 
ב-865=. הדגשתי בכוונה 
את המילה "מסייע". 
המשתמשים לא ירצו 
להוריד דפדפן בגודל 108 
רק כדי לראות את הדפים 
שלך, ולכן הקישור לאתר 
ההורדה חסר ערך. 








הכוללים: גודל ורמת ההפרדה של המסכים, 
כושר הראייה, ואם הס צופיסם בדף בעצמם או 
מציגיס אותו לאחריס. מטריד לבקר באתר בו 
הטקסט קטן מדי לקריאה נוחה, אך מטריד אף 
יותר ללחו על הלחצן 10967 6%%? 66םּ\!'י 
(ב-=1, תפריט ששו > +א6ד או הלחצן 5126) ולא 
לקבל תגובה משוס שגדלי הגופניס הוגדרו 
במספר נקודות קבוע. 


6% בגיליונות הסגנון ניתן לציין שהגדרות מסוימות 
צריכות לעקוף את אלו שברמות דירוג אחרות. 
דבר וה נעשה על ידי הוספת המאפיין 
סק וחו! למפרט. אל תשתמש בתכונה זו. 
קשה לתאר מצביס בהס באמת צריך להתעלס 
מהעדפות המשתמש אם הוא הרגיש צורך חזק 
מספיק לדרג את העדפותיו כ-+ח3זוסקוחו!, לכן 
יש לשמור את המאפיין +ח9זוסקוחו! אך ורק 
עבור גיליונות הסגנון של המשתמשים, ולעולס 
לא להשתמש בו בגיליון סגנון של אתר ט6/\. 


> אם יש לך כמה גיליונות סגנון, ודא שאתה 
משתמש באותס שמות 61455 עבור אותו הרעיון 
בכל הגיליונות. יוצרי תוכן שמשתמשיס בשני 
גיליונות סגנון או יותר יתבלבלו אס יהיה שימוש 
ב-45565 61 שוניס עבור אותו הדבר או אס 
בגיליוו אחד תהיה הגדרת 455 |6, שלא מופיעה 
בגיליון השני, למרות שהרעיון מופיע בשני 
הגיליונות. אס, לדוגמה, יש לך 61455 עבור שס 
מחבר דף, כל גיליונות הסגנון יצטרכו להכיל את 
הגדרת ה-61455 הזו. ניתן כאמור לבצע אכיפה 
(106ז06) על 61/55 גלובלי זה על ידי הגדרת 
5 דומה בדף ספציפי במידה ונדרש. 


מסגרות (פ6וחגּזת) 


המלצתי הטובה ביותר בנוגע ל-865ז= היא לא 
להשתמש בהן כלל. גולשים שיודעיס באמת מה הס 
עושיס יכוליס להשתמש לעיתיס ב-8765= למטרות 
טובות, למרות שמומלץ שאפילו המעצביס המנוסיס 
ישתמשו בהן כמה שפחות. 


חלק מהגאוניות בעיצוב ה-60/\ המקורי של 
6 וחוד היה רעיון האחידות של כמה 
תפיסות ברעיוןו אחד, הדף: 


> זווית הראייה של המשתמש על המידע שעל גבי 
המסך. 
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5הז-] ב-16%56326] 
גירסה 2.0 


0 6156806 היה הדפדפן 
הראשון שתמך ב-65חח8זם, 
אך הוא עשה זאת בצורה 
גרועה, ופתח את אחת 
מבעיות השימושיות 
הגדולות ביותר ב-60\\ עד 
כה: הלחצן 886% בדפדפן 
פשוט לא פעל באתרים 
בעלי פ6חּּז=. היכולת 
לחזור אחורנית מהווה 
רשת בטחון הכרחית עבור 
המשתמשים, בעזרתה יש 
להם אומץ לנווט באתר 
בחופשיות. תמיד הם יוכלו 
לחזור אחורנית למקום 
ידוע. מכמה מחקרים 
מוקדמים שנערכו על 
התנהגות הניווט של 
המשתמשים למדנו 
שתכונת 886% היא שנייה 
בחשיבותה בדפדוף 60/\ 
(אחרי הפעולה הפשוטה 
"לחץ על קישור כדי לעבור 
אליו"). לפיכך, נטרול 
הלחצן 886% משול לאסון. 
למזלנו, אף אחד אינו 
משתמש יותר 

ב-2.0 6056306\. הוא היה 
אסון אמיתי מהבחינה הזו. 
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6% יחידת הניווט, או מה אתה מקבל כשאתה לוח 
על קישור או מפעיל פעולת ניווט כמו סימניה 
(%זהוה00). 


% כתובת טקסט (081) בעזרתה ניתן לקבל מידע 
ברשת. 


% אחסון המידע בשרת ויחידת העריכה של הכותב, 
פרט לשימוש באובייקטים מוטמעים כגון קבצי 
תמונות שאינס דורשיס מהכותב לנהל כמה 
קבצים עבור דף מסוים. 


למעשה, ארבע תפיסות אלו אוחדו כל כך טוב עד 
שאפילו לא שמת לב שהן נפרדות אחת מהשנייה - 
הוכחה טובה לכך שהעיצוב המקורי של ה-6/\ פועל 
לפי התכנון. עקרונית, ה-65)\ מבוססת על כך שהדף 
הוא היחידה הקטנה ביותר של המידע, ורעיון הדף 
מנחה את כל הרעיונות ב-פ6/\. פשטות ה-60/\ 
המקורית תרמה לקלות השימוש בה ולהפצתה בעבר 
וגס תתרוס להפצתה בעתיד. 


המסגרות שוברות את מודל האחידות של ה-60/\ 
ומציגות דרך חדשה לצפייה במידע, דרך שלא שולבה 
היטב בתפיסות האחרות של ה-65/\. המידע הנצפה 
ב-65ו87ז= על ידי המשתמש נקבע על ידי סדרה של 
פעולות ניווט במקוס פעולת ניווט אחת. 


הניווט אינו עובד יחד עס 65ו80] משום שיחידת 
הניווט שונה מיחידת הצפייה. אס המשתמשים 
יוצריס סימניה בדפדפן שלהם, הס עשוייסם שלא 
לקבל את אותה התצוגה כשהם ישתמשו באותה 
הסימניה בפעס אחרת, משוס שהסימניה לא מכילה 
ייבוג של מצב ה-1865 בדף (הקישור הוא לדף 
התוכן המוצג ב-8₪6ז1 מסויס ולא לדף המכיל את 
הגדרות ה-6%פוח₪ז)). 


גרוע מכך, ה-81 יפסיקו לפעול. מידע הכתובת 
המוצג בחלק העליון של הדפדפן לא יהווה יותר 
מפרט שלס של המידע המוצג בחלון. אס כותב 
מעתיק את ה-81 במטרה לכלול אותו כקישור 
טקסט מנחה באחד מהדפים שלו, הקישור המנחה 
הזה לא יוביל את הקוראיס לתצוגה הרצויה, אלא 
למצב ההתחלתי של ה-876560= (סדרת מסגרות). 
בדומה לכך, אס משתמש מחליט לשלוח הודעת דואר 
אלקטרוני לחבר עס המלצה לבדוק את הדף, העתקת 
ה- 81 מהדפדפן לא תועיל אם נעשה שימוש 








5 ה חסרות גבולות 


ניתן לשפר את רוב 
השימושים ב-65ו8= על 
ידי העלמת גבולותיהן. 
המשתמשים לא צריכים 
לדעת כיצד בוצע 
העיצוב. השימוש 
ב-65ו80?= ללא תצוגת 
גבולות מקנה שני 
יתרונות עיקריים: כמות 
הפיקסלים הפנויים עבור 
תוכן גדלה, יש פחות 
רכיבי ממשק הנראים 
לעין. 





ב-65ו87ז=, משוס שה- |₪() מצביע על ה-787856%= ולא 
על התצוגה הנוכחית (עס המידע בו החבר מעונין). 
אס נתחשב בעובדה שחיפוש וסינון הס ממנגנוני גילוי 
המידע התוקיס ביותר באינטרנט, יהיה זה אסון 
לחסוס את ה- ₪1( כמנגנון איתור. 


ניתן לקבוע, על פי דרך השימוש של רוב המעצביס 
ב-65ו8ז=, שלמשתמש יש מחשב סטנדרטי עם תצוגה 
גדולה יחסית. התרשיס הבא מציג דוגמה טיפוסית 
לדף עס 787165 שנראה טוב על מסך גדול, אך הוא 
כמעט חסר תועלת במסך סק קטן. ה-65ו8ז= 
שומרות לעצמן חלק ממרחב המסך עבור מידע 
שהמעצב החליט שהוא חשוב. לעיתים, כמובן, 
המעצב צודק, אך לרוב בלתי אפשרי לצפות את צרכי 
המשתמשים ולדעת מהי הפשרה הטובה ביותר עבור 
גודל המסך הספציפי שלהם. לרוב, משתמשיס 
ב-65ו787= כדי להשאיר את סרגלי הניווט גלוייס על 
המסך באופן קבוע, אך כפי שהתרשיס מראה, 
משתמשים בעלי מסכים קטנים יעדיפו להכניס יותר 
תוכן במרחב המסך שלהם. חלונית נגללת קטנה ללא 
5חאז תאפשר גמישות התאמה רבה יותר 
למשתמשיס השוניס. 


בנוסף לבעיות עקרוניות אלו, ישנן גם כמה בעיות 
משניות בשימוש הנוכחי ב-65ח8זח. בעיות אלו ייעלמו 
בשניס הקרובות, אך נכון לעכשיו הן עדיין מהוות 
סיבה מספקת להפחתת השימוש ב-8765ז= עד 
למינימוס. הנה כמה סיבות נוספות להימנעות 
משימוש ב-פשוחפזת : 


6% דפדפנים רבים אינס יכוליס להדפיס נכון דפים 
עס פ6וח8זח. נכוו שהדפדפניס הנוכחיים אינס 
מדפיסיס טוב את כל הדפים, אך לפחות הדפיס 
הרגילים יודפסו במלואס. כשיש פפחח8זח, פקודת 
ההדפסה תגרוס לרוב להדפסת התוכן של סוחפּז= 
יחיד. קשה להדפיס את כל הדף שמכיל מספר 
מסגרות - האס להדפיס את כל הדף או רק את 
החלק הגלוי על המסך! 


% הגירסה הראשונה של |ואז₪ היתה פשוטה 
ללמידה, ורוב הגולשיס למדו אותה מהר. 
5 הן סיפור אחר. קבוצות דיון כגון 
5065 ץ05)ח1. קה ס6 של |החשח. פַהוהזסתהזט. צטוצעע 
מלאות בשאלות של כותבי ט6/\ הזקוקיס 
נואשות לדעת מדוע ה-8765ז₪ שלהם אינן 
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ה-8765= נראות טוב יחסית על מסך גדול. סרגלי הגלילה 
מפריעים במקצת, אך יש יתרון מסוים ביכולת לגלול את 
רשימת הכתבות בזמן שלחצני וסרגלי הניווט של האתר 
נשארים גלויים כל הזמן. 


8 עיצוב ממשק באינטרנט 
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אז\ +6ווהוק 
[לדוי ךדי ,| 


8061017%.0071/כ ./ע/עעע 


כשמשתמש עם תצוגת 480320 (כמו בהתקני המידע 
הניידים) ביקר באתר, התמונה השתנתה בצורה דרמטית 
ורמת השימושיות שלו צנחה. כעת, רק 25% מהאתר 
משמשים להצגת רשימת הכתבות, ו-75% הנותרים עברו 
לקישוטים שכמעט ואינם מעניינים את המשתמש. ככל 
שהתצוגה קטנה יותר, כך חשוב יותר להגדיל את מספר 
הפיקסלים המוקצים למידע שימושי. 
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(בעמוד הקודם) כשמשתמשים 


באתר 5ש6א\|%8סד, הכתבות 
עצמן מגיעות מאתרי 60/\ 
אחרים המוצגים בתוך 
ההז באתר. כאן, 
המשתמש ביקש חדשות 
בייסבול, שמגיעות מאתר 
ץ8סד ה5. אם המשתמשים 
אינם בקיאים בעיצוב אתרי 
0 \, הם לא יבינו שחלק 
מהחלון מגיע מאתר אחר. 
בנוסף, ₪1 אינם מטופלים 
כיאות בתוך פוחפזח, ולכן 
חלון הדפדפן מציין כי 
המשתמש נמצא באתר 
5 |+סד, אפילו כשרוב 
התוכן המוצג במסך מגיע 
מאתר עְבססד ה5ש. 


5 הז כעבירה על 
זכויות יוצרים 

לדעתי, הצגת תוכן אתרים 
אחרים בתוך ה-65חח3ּז= 
שלך היא עבירה על זכויות 
היוצרים. יוצא הדופן היחיד 
הוא שימוש מוגבל למטרות 
קריטיות, שיש לאפשר אותן 
תחת סעיף שימוש הגון. 
אינני עוסק בעריכת דין 
וחוק האינטרנט משתנה כל 
הזמן, ולכן מומלץ ליצור 
קשר עם עורך דין המתמחה 
בנושא כדי לקבל ממנו 
עצה, אם אתה מתכנן 
לעצב אתר שעושה שימוש 
קבוע בתוכן אתרים אחרים. 
אני מאמין שזוהי הפרת 
זכויות יוצרים, משום 
שהדפדפן ממשיך להציג 
את כתובת האתר שלך, 
וגורם למשתמשים להאמין 
שהם רואים את התוכן 
שלך. האמונה הזו 
מתחזקת כשהם רואים את 
האתר שלך מסביב לתוכן 
האתר המרוחק. 





פועלות כצפוי. כל כך קשה ללמוד את נושא 
ה-65ח8זח, עד שכותבי דפיס רביס כותביס קוד 
שגוי כשהס מנסים להשתמש בהן. 


> למנועי חיפוש יש בעיה עם ₪865 משוס שהס 
לא יודעים איזה שילוב ₪865 לכלול באינדקס 
שלהם כיחידות ניווט. 


6% חלק מהדפדפנים מקשים על הצבת סימניה 
(ז רה 0סם) על 65חפת. 


% אתרי טשש\ רביס המציעיס למשתמשיסם בחירה 
בין דפיס המכיליס ₪865 לאלה שאינס 
מכילים אותן, גילו שרוב המשתמשים מעדיפים 
את הדפים חסרי ה-65חחפז=. 


האם מותר תמיד להשתמש ב-3865ז-? 


הנושא העיקרי בשימוש ב-65ו8₪ז= הוא להבטיח 

שה- 1ח(\ ימשיכו לפעול. לשם כך, יש להוסיף לכל 
קישורי הטקסט את התכונה "סש "=066ז9+ בתגית 
המנחה שלהם 

(כלומר: <"00 "=9706%? |החזח.6)=)00זת 8>). 
הוספת התכונה "0+ "=זסְפָז9+ תגרוס לדפדפן לנקות 
את כל ה-65ו787= ולהחליף את החלון כולו בתוכן דף 
חדש שיכול להכיל +8656= חדשה. 86566ז= היעד 
עשויה להכיל 65וח8ז= רבים, שחלקם או כולס ואהיס 
לאלה שב-870656%ז= ממנה הגעת. זכור שהדפים, אס 
כבר הוצגו, יוצגו שוב מזיכרון המחשב, אבל הפעס 
כתובת ה- 081 תהיה שונה. דבר ה משמעו שניתן 
יהיה לעשות שימוש בסימניות. במיליס אחרות, 
האתר שלך מורכב מאוסף דפיס שאין אליהם גישה 
ישירה אלא אך ורק דרך 656%5וח8ז=. 


יוצא הדופן היחיד בצורך בשימוש בתכונת 
"סז "=8706%+ הוא כשה-65וח8ז= מהוות קיצור דרך 
לגלילה בתוך דף יחיד. לדוגמה, תיקיה ארוכה או 
רשימה אלפאביתית אחרת יכולות להכיל 6וח8ז= 
בראשן, שתציג את אותיות האלפבית. לחיצה על אחת 
מהאותיות הללו תגרוס לגלילת הרשימה בתוך פופו 
אחרת תוך השארת המשתמש באותו הדף ושמירה על 
מיקוס הניווט. 
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(בעמוד הבא, למעלה) העיצוב 
חסר הניסיון של הדף הראשי 
של חברת .6ח1 סֶסאִזְההכ 
תורם רבות לאיבוד האמינות 
שלו. הדף אינו גרוע מספיק 
כדי לחסל את החברה סופית - 
ברור שזהו אינו דף הבית של 
איזה נער - אך נראה שלא 
הושקעה מחשבה רבה מדי 
בעיצוב האתר. 


(בעמוד הבא, למטה) ניתן 
להשיג אמינות גבוהה על ידי 
כך שתציין מה תעשה עם 
המידע שתקבל מהמשתמש. 
לדוגמה, אתר 60ח6 מציין 
שהוא ימחק את כתובות 
הדואר האלקטרוני של 
משתמשים שנרשמו, אך לא 
זכו בהגרלה. כמובן שיש לך 
צ'אנס אחד בלבד לעשות 
זאת כמו שצריך. אם תבטיח 
דבר אחד ותעשה דבר הפוך, 
אף אחד לא יבטח בך 
בעתיד. 
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5 טובות גס ל-"6%8-08065וח'' בהס הערות 
הקשורות לדפיס אחרים. לדוגמה, מדריך סגנון עיצוב 
מ \ יכול לערב דיוניס בתפיסות עיצוב עס דוגמאות 
חיות של דפיס שלמים אשר הולכים לפי (או נגד) 
הכלליס. במקרים כאלה, היחס לדף המוטמע יהחיה 
כאל תמונה מוטמעת (למרות שהוא דף נפרד) והמידע 
'יהראשייי שהמשתמשים ירצו לסמן הוא תוכן 
ה-86ז= המכיל את ההערה. 


גירסה 4.0 של תקן !ויז הציגה סוג חדש של 8065 
הנקרא 365 6ח11ח1. 65וחפז= אלו הינן חלק מהדף 
המארח שלהן והן אינןו מפריעות למשתמש בניווט. 
ככל שהדבר נוגע למשתמש, מודל הדף הבסיסי נשמר 
כשמשתמשיס ב-87065ז= 6חו|ח1. השינוי היחיד הוא 
בכך שחלק מהדף מתמלא בתוכן של קוב אחר, 
שניתן לגלול אותו ללא קשר לתוכן הראשי. 

5 6חו!ח1 הן פתרון נהדר להכלת סרגלי או טורי 
ניווט, משוס שניתן לחסוס את אפשרות גלילת התוכן 
ומשוס שהדף נטען רק פעס אחת. לפיכך, אס החלטת 
שאתה זקוק ל-787065= באתר שלך, אני ממליצ בחוס 
על הפיכת ה-65ו87ז= ל-65חחה= 6חווחז. 


אמינות 


כל אחד יכול לבנות אתר (מחסומי הכניסה קטנים 
מאוד, אס בכלל), ואכן רביס עושיס ואת. כתוצאה 
מכך, המשתמשים אינם יודעים בדיוק מה לעשות עס 
המידע שהס קיבלו מה-ס6/\. מידע זה עשוי להיות 
אמיתי, או שהוא עלול להיות בדיה. אין דרך קלה 
לדעת אס אתר 60/\ מהימן. בעולס האמיתי, מקור 
מהימן הוא העיתון פסחוד אזסץ צוסא 6חך, ואתה יודע 
שאס תיכנס לחנות של חברת 6ו2ט5, יהיה להס 
מפרט המכונית החדשה של החברה כפי שפורסם על 
ידי מטה החברה. 


אחת מהמטרות החשובות ביותר בעיצוב טוב ב-60)\ 
היא לבסס את האמינות שלך כעסק מקצועי בעל אתר 
מקצועי. אל תמלא את הדפיס שלך בפסולת מיותרת 
של מתחילים, כגון רקע כבד, או סמלים מונפשיס של 
תיבות דואר נפתחות בסגנון יישלת לי עוד דואריי. 
לעיצוב גרפי מלוטש יש השפעה מועטה על 
השימושיות. המשתמשים יוכלו למצוא את המידע 
באותה המהירות אפילו אס הגרפיקה לא הכי הכי 
מבחינת שילוב הצבעים. אך אין ספק שהתצוגה 
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החזותית היא הדבר הראשון בו המשתמש נתקל 
כשהוא נכנס לאתר, וחזות נאה היא ההזדמנות 
העיקרית למיסוד האמינות. 


אני צופה שהאמינות תיבנה בעתיד בחלקה על ידי 
מנהל מוניטין (זסחַ88ח8וא הסטפזטק56), שהוא שירות 
אינטרנט אשר אוסף דירוג ממשתמשיס אחריס 
שידווחו, למקוס מרכזי אחד, עד כמה הס מרוציס 
מהדפים, מהמוצרים והשירותיס האחרים שהם 
מקבליס בכל אחד מהאתרים ב-60/\. מנהל המוניטין 
יהיה סוג של דוח צרכנים עליון בעידן המחשוב 
ברשת. 


הדפסה 


רוב המשתמשים אותם ראיינתי דיווחו כי הס 
מדפיסים כמות רבה של חומר מה-60//. ה-60/\ 
היתה אמורה למנוע את הצורך בהדפסת מידע לצורך 
שמירתו בארכיון פיסי, אך הניסיון המר לימד את 
המשתמשים שהם אינם יכולים לסמוך על היכולת 
שלהס לשחזר את המידע אס הס יזדקקו לו מאוחר 
יותר. 


לעיתיס, השרת המרוחק לא יפעל, לפעמים מפעיל 
המערכת הסיר את הדף, ולעיתיס המשתמשים פשוט 
אינס מסוגלים למצוא את הדף בשנית. ההעדפה 
להדפיס גוברת גם כשיש למשתמש מערכת תיוק דפים 
עס קלסרים או תיקיות עבור כל המידע הקשור 
לפרויקט מסוים. 


קריאת הטקסט ממסכי המחשב איטית ולא נעימה, 
ומשוס כך המשתמשים נוהגיס להדפיס מסמכים 
ארוכיס, כדי לקרוא אותס במצב לא מקוון (6חו 0%). 
הס גם מדפיסים לעיתים דפים, כדי לתת אותס 
לקוראיס אחרים (לדוגמה, בפגישות או סמינרים). 
כשמסכי המחשב ישתפרו בנושא, בוודאי שהצורך 
בהדפסה יפחת, אך בשניס הקרובות ימשיכו רוב 
המשתמשיס להדפיס מידע מבוסס 60\\. 


משמעות העניין בעיצוב פ6\\ היא שיש לספק גרסאות 
הדפסה לכל מסמך ארוך. דפדפני פ6/\ משפריס את 
יכולת ההדפסה שלהס באיטיות, אך אי אפשר לסמוך 
על יצרני הדפדפנים שייצרו יכולת הדפסה טובה, 
משוס שהאינטרס הראשי שלהם הוא מידע מקוון 
(6חו 1חס). לדוגמה, רוב הדפדפניס משתמשים באותו 


עליך להגביל כל דף 0550106 
לגודל הדפסה שיתאים הן 
לדפי 4 והן לגיליונות בגודל 
"1" 








סוג וגודל גופן לתצוגה מקוונת והדפסה, למרות 
שידוע לכל המומחיס בנושא ששתי המדיות הללו 
דורשות סוגי גופניס שונים. כמו כן, סידור המסמך 
ייראה לרוב אחרת : סידוריס בצורת טור אחד 
(חוחט!ס6 6ופַח51) טוביס לגלילה קלה יותר בתצוגה 
מקוונת, ואילו בדף רגיל עדיף להשתמש בסידור של 
שני טורים (כמו בעיתון). 


אני ממליץ ליצור שתי גרסאות של כל מסמך 60)\ 
ארוך. גירסה אחת תתוכנן במיוחד עבור תצוגה על 
גבי המסמך. היא תחולק בצורה מתאימה לקבצים 
רביס המשתמשיס בקישורי טקסט רבים ובגיליון 

סגנון המיועד למסך. בגירסה נוספת, המסמך כולו 
יהיה בתוך קוב אחד עס סידור המיועד להדפסה. 


נכון לעכשיו, המשתמשים נאלציס להוריד את גרסת 
ההדפסה ידנית, אך כולי תקווה שיצרני הדפדפניס 
יתחילו להטמיע בקרוב את התקן לציון גרסאות 
מסמך חלופיות. חלופה שכואת היא גרסת ההדפסה, 
ולא ייק לכלול את הקוד המתאיס בחלק ה-גפו 
של גרסאות ההדפסה של המסמך. הנה הקוד הדרוש 
לכך: 
"זחזס"= 6013 "6זהח66!ה"=|6ז אחו|> 
<"5+50710% 20 / חה0וס68ו!ק קה "=6כ "65.05ס0שוח"=+סזות 


דפדפנים ישנים פשוט יתעלמו מציון חלופות הדפסה, 
אך הדפדפניס העתידיים יזהו את הקוד ויבינו שכל 
פקודת הדפסה צריכה להתבצע עס הקוב החלופי 
ולא עס הגירסה המוצגת על המסך. קוב\ ההדפסה 
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יהיה, קרוב לוודאי, בפורמט כגון +051560ק או =סס. 
חשוב מאוד להגדיר כל קובצ שכזה כקובצ המיועד 
להדפסה בלבד, ועליך לוודא תמיד שאתה תומך בהס 
בעזרת קישור לאותו התוכן ב- !31 המיועד להצגת 
המידע בצורה מקוון עבור המשתמשיס שרוציס 
לסייר או לחפש חלק קטן של המסמך. 


קבצי 00505010 אף פעם אינס מיועדיס לקריאה 
מקוונת. תוכנות הצגת קבצי ה-+00515610 טובות 
לבדיקת טבעו של המסמך, כדי להחליט אס כדאי 
להדפיס אותו, אך אין להעביר את המשתמשים דרך 
החוויה המפרכת של בזבוז זמן מיותר עם ז05%500ק 
מקוון. 005550 ו-]סץ הן שפות תיאור דפיס 
המציינות כיצד הטקסט אמור להיראות בדיוק 
כשהוא מודפס. לתיאוריס אלה אין את הגמישות ואת 
היכולת להבחין בין פלטפורמות הנחוצות לתצוגה 
ואינטראקטיביות מקוונת. לדוגמה, סידור של שני 
טורים ב-*סק ייראה מושלס כשהוא יודפס אך קשה 
יהיה לקרוא אותו ממסך ש מידותיו קטנות פיסית 
מהדף עליו המסמך אמור להיות מודפס. סיבה נוספת 
לקושי היא שבפורמט 0 הטקסט על המסך נראה 
מעט מטושטש (85ו₪81ח1), בעוד שבהדפסה מתקבלת 
תוצאה חדה וברורה. כאשר מדובר בטקסט בלבד, 
מידותיו של קוב =0ץ הן סבירות וניתן להשתמש 
ברזולוציה נמוכה של 72001 ליצירת הקובף, כך 
שייראה פחות או יותר על המסך ויודפס בצורה 
טובה. כאשר משולבות תמונות מסך או גרפיקה 
אחרת במסמכים, נדרשת רזולוציה גבוהה יותר 
((ק3000 לפחות) בעת הכנת הקובצ, דבר המגדיל את 
נפח הקוב באופן משמעותי ביותר. המשמעות כלפי 
המשתמש היא בזמן הורדה, למרות שאת התמונות 
הוא עדיין יתקשה לראות, אבל בהדפסה הוא ייראה 
משהו סביר יותר. לידיעתך, קוב פס הנשלח להכנה 
לדפוס הוא בעל רזולוציה של וק26000 !! 


אחד הפתרונות לנושא ההדפסה יכול להיות, בשלב 
זה, יצירת קישור לגרסת 1אד של אותו תוכן 
המיועדת להדפסה. גירסה זו תהחיה נקיה מכל מסגרת 
(אם קיימת) ומלחצנים שאין להם מקוס בגרסת 
ההדפסה (כמו לחצן קסד 0+ 286%). 


אני חוזר: אל תענה את המשתמשיס שלך בפרסוס 
מסמכיס חשוביס בפורמט 00555010 בלבד. קשר 
תמיד את הדפים לגרסת ואד לקריאה מקוונת. 


כל קוב שמיועד להדפסה חייב להיות מסוגל 
להתאים את עצמו לשני סוגי הדפים הנפוצים ביותר: 
4 (7 2977 א \וח210) ו-ז66 ] ("11 א "8.5). לשס 
כך, רוחב הדף חייב להתאים לגודל 44 (וח210) 
ואורכו חייב להתאים לגודל ]1606 (חזוח11"=279) - 
אלו הן המידות הקטנות ביותר משני הגדלים. מומל 
להשאיר שולייס של לפחות חצי אינצ' (חזוח0.5"=13) 
בכל צידי הדף כדי להבטיח שהוא יודפס טוב בכל 
סוגי המדפסות וכדי לסייע בהעתקתו. לכן, רוחב 
ההדפסה הוא החוח210 שהם "8.25 פחות חצי אינצי. 
מכל צד קבלנו רוחב של "7.25 (18.5 סיימ). אורך 
ההדפסה התחיל בגודל "11 ופחות חצי אינצי מכל צד 
וקבלנו אורך של "10 (25.4 סיימ). בשוליים של אינצי 
אחד (מומלצ יותר), שטח ההדפסה יהיה "6.25 (15.9 
סיימ) על "9 (22.9 סיימ). 


מסקנה 


מטרת עיצוב הדף היא פשטות (שוסו|וחו5). נדיר 
שהמשתמשים יגיעו לאתר במטרה להנות מהעיצוב 
שלו. לחילופין, הס מעדיפיס להתמקד בתוכן (עליו 
אדון בפרק הבא). חשוב גס להבטיח כי עיצובי הדף 
יפעלו על טווח רחב של פלטפורמות (חומרה), 
מערכות הפעלה ודפדפנים, כולל מערכות ישנות 
(ץ0|00חח66? ץ6086!). 


אני ממליצ לוודא שכל הדפים יעבדו טוב על כל 
גרסאות הדפדפניס שהוכרזו בשנתייס האחרונות ועל 
גרסאות בנות שנתיים של כל התוספים (5ח1-פָטוק). 
בנוסף, ודא כי עיצוב הדף עובד במסכיס קטנים, 
וומני התגובה שלו נמוכיס כשהגישה אליו היא על ידי 
מודס אנלוגי. 


חלק מהגולשים עשויים לטעון כי מגבלות אלו כופות 
נוקשות מסוימת על המעצבים, מונעת מהס להנות 
מהגימיקיס הטכנולוגייס החדישיס ביותר וכי רק 
ל-10% מהמשתמשים יש תוכנה וחומרה ישנות. גם 
אס הדבר נכון, עדיין לא כדאי, מבחינה עסקית, 
להבריח עשרה אחוצים מכמות הלקוחות 
הפוטנציאלייס שכבר הגיעו לאתר. 
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עיצוב תובן 


אחרי הכל, המשתמשים מבקרים באתר שלך בגלל התוכן שבו. כל 
השאר הוא רק רקע. העיצוב נמצא שם כדי לאפשר לגולשים להגיע 
לתוכן. אפשר להשוות זאת לאדם שהולך לראות הופעה בתיאטרון: 
יוצרי ההצגה רוצים שכשהוא ייצא מהאולם, הוא יאמר "כמה נפלא 
המחזה" ולא "כמה נפלאות היו התלבושות". 
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כמובן שעיצוב טוב של התלבושות תורס רבות להנאה 
מההצגה ועוזר ליוצר ולבמאי להעביר את החיזיון שלהס 
לבמה. אך בסופו של דבר, המחזה הוא הדבר החשוב. 


מחקרי שימושיות (שווו0589) מראיס שהמשתמשיס 
ממוקדיס בתוכן האתר. כשהם מגיעיס לדף חדש, הס 
סורקיס את חלק התוכן שבדף, מחפשים כותרות 
ונקודות אחרות, בהן תוסבר מהות הדף. רק לאחר 
מכן, אס הס מחליטיס שהתוכן אינו מעניין אותס, 
הם יסרקו את אזור הניווט ויחפשו קישורים/מידע 
להמשך החיפוש. 


התוכן הוא הראשון בחשיבותו. 


כתיבה ל-60/צ 


בכתיבה ל-פ6/ש, אינך משפיע רק על התוכן, אלא גם 
על ניסיוןו המשתמש משוס שהמשתמשיס מסתכלים 
קודס כל על הכותרות והטקסט. למרות שחשוב 
לכתוב נכון מבחינה דקדוקית, חשוב גס להציג את 
התוכן בצורה שתמשוך את הקוראים. 


ערכו של עורך 

מה יקרה אם תהיה הפרה של ההנחיות לכתיבת כותרת לידיעה בדף ראשי באינטראנט? 
בחברה המעסיקה 10,000 עובדים, עלות כותרת גרועה בדף ראשי של אתר אינטראנט היא 
קרוב ל-%5000. סכום זה גבוה בהרבה מעלות שכירת עורך טוב שישכתב את הכותרת לפני 
פרסומה. 


איך הגעתי ל- %10,000 ?!? ביססתי את ההערכה שלי על ההנחות הבאות: 

> כל עובד מבזבז חמש שניות למעלה מהדרוש כדי לפענח את הכותרת, משום שהיא 
איננה מובנת מספיק. 

% הכותרת הגרועה גורמת ל-10% מהעובדים ללחוץ עליה, אפילו אם תוכן הכתבה חסר 
ערך עבורם. 

4% המשתמשים קוראים את הכתבה במשך כשלושים שניות בממוצע לפני שהם מחליטים 
שהיא חסרת ערך ולפני שהם עוברים הלאה. 

% לחברה יש 10,000 עובדים שמשתמשים באינטראנט. 

% עלות העסקת עובד היא %50 לשעה (שים לב כי עלות העסקת עובד גבוהה בהרבה 
מגובה המשכורת שלו, וחישוב העלות מתבסס לא רק על ההטבות והתקורה אלא גם על 
תרומת העובד לחברה בסופו של דבר. לפיכך, עובד שמרוויח %25 לשעה עולה לחברה 
לרוב %50 לשעה. זהו חישוב מתאים למציאת עלות הזמן האבוד). 


דוגמה קטנה זו מציגה גם את העקרונות הבסיסיים לבחינת נושאי עלות-ביצועים. עליך 
לצפות את מגוון הדרכים בהן העיצוב עלול לגרום למשתמשים לאבד זמן (או להימנע 
מרכישות, אם מדובר בעיצוב אתר מסחר אלקטרוני) ולהכפיל זאת בכמות היחסית של 
המשתמשים שייתקלו בבעיה, וכן במספר הכולל של המשתמשים ובעלות זמנם (או 
הרכישות שלהם, במקרה של מסחר אלקטרוני). 
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שלוש ההנחיות הראשיות לכתיבה ל-60//: 


% תמצת. אל תכתוב יותר מ-50% מכמות הטקסט 
שהיית משתמש בה במאמר מודפס. 


> כתוב בצורה שתקל על סריקת החומר. אל 
תדרוש מהמשתמשיס לקרוא בלוקיס ארוכיס 
ורציפיס של טקסט, אלא השתמש בפסקאות 
קצרות, כותרות משנה ורשימות תבליטיס 
(9ז15 1 81!6%60). 


% השתמש בקישורי טקסט כדי לחלק מידע ארוך 
לכמה דפים. 


הנחיה רביעית היא יותר חלק מהתהליך, או כלל 
ניהולי: שכור לעצמך עורכי ס6/\. כדי ליצור תוכן טוב 
יש צורך בצוות מסור היודע כיצד לכתוב עבור ה-60/\ 
וכיצד להתאיס את קטעי התוכן לפורמט הנדרש על 
ידי סטנדרט העיצוב שלך. 


קצר את הטקסט 


מחקר מראה שקריאה ממסך מחשב איטית ב-25% 
מקריאה מדף נייר. גס משתמשים שאינם מודעיס 
למחקר הזה אומריס לרוב שהס לא מרגישים בנוח 
כשהס קוראיס טקסט מקוון. כתוצאה מכך, הס 
נוטיס לא לקרוא כמות גדולה של טקסט ממסכי 
מחשב. לכן עליך להפחית את כמות הטקסט ב-50%, 
ולא רק ב-25%, משוס שזה לא רק עניין של מהירות 
קריאה אלא גם עניין של הרגשה. ידו גם שמשתמשים 
אינס אוהביס לגלול דפיס (להשתמש בפס הגלילה 
האנכי): אוהי סיבה נוספת לשמירה על דפים קצרים. 


תכונות ה-60/\ 

למרות שהטקסט ב-0פ\\ צריך להיות קצר, אין זאת אומרת שהוא צריך להיות "חסר 
אישיות". מחקרי שימושיות מראים כי המשתמשים מעריכים מידה מסוימת של הומור 
ונקיטת עמדה בדפי 60)\. שים לב ש"נקיטת עמדה" אין פרושה לצעוק או להתלונן בפני 
הקוראים, או להתייחס אליהם כאל אספסוף פרימיטיבי. הגולשים מעריכים הימצאות קול 
צלול, בעל פרספקטיבה ואישיות. כותבים צעירים וזועמים כותבים האחד עבור השני. 
מרבית הגולשים אינם אוהבים זאת. 

למשתמשים יש סלידה ברורה מכל דבר שמרמז על שיווק. ה-טפ/\ היא מדיום מצוין 
שמעודד את השימוש בעובדות יחד עם קישורים המיועדים לגיליונות נתונים ומספרים 
מפורטים כגיבוי. גרף המכירות שעשוי לעבוד מצויין בפרסומות טלוויזיה או במודעות 
בעיתונים, עשוי להיכשל בעת הצגתו באינטרנט. כשהמשתמשים רואים דפים המלאים 
בהרבה קשקושים במקום עובדות, האמון שהם נותנים באתר צונח מייד. 


הכמות הנכונה היא: לא יותר מדי ולא פחות מדי. 
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5דאם/עם 


5ו5אחם זאו 


!הו חאו 
זאםווזקט ומעסם 
[וההססחס 


אמהחטה 
55 
זאםווזקט ומעסם 
[וההססחס 


זו5 המשאה 
ו 


כותרת "ברוכים הבאים" (6וח6!60/)) בתחילת דף 60/\ 
עלולה להתפס כאזהרה. המשתמשים אף פעם לא רוצים 
לקרוא הודעות שמחות אבל גם חסרות תועלת כמו זו. 
תרשים זה מציג דף שנוצר עבור גולשים המחפשים 
עבודה. למרבית ה"פליאה", בדיקות העלו כי דורשי 
העבודה לחצו מיידית על לחצן ?6!סבוופּצה 5שהח/\ בלי 


לקרוא את הודעת קבלת הפנים. 
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הפעל תמיד בודק שגיאות 
איות. שגיאות כתיב גורמות 
למבוכה, כמו בהבטחה של 
אתר 156001805 (בשורה 
השנייה מלמטה): 

306000 5071065% 6ח% פַחועְבק 
5 + שבתרגום חופשי 
המשמעות היא: לתת 
תשומת לב מירבית לפרטים. 
בודק שגיאות לא יאתר 
טעויות המוצגות בפיסקה 
השנייה (שורה חמישית 
מלמטה), שאמורה להיות 
"586 0 הְחבּ" (במקום 
"86ח5 6 0ַח3ּ"), או 
השימוש השגוי במקף בשורה 
האחרונה של פריט התבליט 
לאחר המילה ששווהּטף (איזו 
איכות ?!?). 








015600//825.0071./ש/ע/ע 


55 ץ6אחיונוד ל 


ו חו ופחהדוהק "וטסץ 5ש "60751081- 


בעיית אמינות המסך תיפתר בעתיד, משוס שכבר 
הומצאו מסכים עס יכולת הפרדה של וק3000 והרגשת 
הקריאה באמצעותס דומה לקריאה מנייר. מסכיס 
איכותיים אלה עדיין יקריס מדי (המסכיםס 
האיכותייס שנמצאיס בשימוש מסחרי הס בעלי 
יכולת הפרדה של ו00 110), אך הם יהיו זמיניס עבור 
מחשבים איכותייס בסביבות שנת 2002 והשימוש 
הנפוץ בהס יחל כחמש שניסם לאחר מכן. 


עריכה 


כל דפי ה-60/\ חייביס לעבור לפחות בדיקת איות. 
מילים שגויות הן מקור למבוכה ועלולות להאט את 
המשתמשים, לבלבל אותם, וכמובן, לפגוע באמינות 
האתר. רבות מהשגיאות לא יימצאו על ידי בודקי 
האיות והדקדוק הקיימים כיום, ולכן מומלצ לקרוא 
בקפדנות דפים, ולחפש טעויות דקדוק ומיליס 
שאמנס קיימות במילון, אך הן לא מה שהכותב 
התכוון אליו (למשל, רועה במקוס רואה). 


-הַח 0 )טח הוח 
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חב |ו0853 60 הס ח0-5ב 500855 פרם הַחועְבּם , פומספק צְפ8א הסושל צץ|058! חואזם ו , חסספומתחסס 
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צריך לעשות יותר מאשר קריאה חוזרת, ולהעסיק 
עורכים מקצועיים שיעברו על הטקסט בדפיס שלהם. 
עורך טוב יוכל לא רק לתקן שגיאות רבות שהבדיקות 
האוטומטיות פסחו עליהן, אלא הוא יכול גם לשפר 
את הטקסט במקריס של שפה קלוקלת. החשוב מכל, 
העורכים נוטיס לקצצ בכתיבה. כותביסם רבים - ואני 
בהחלט ביניהם - נוטיס לאהוב את המיליס של 
עצמסם, ולהשתמש ברבות מהן כדי להביע את עמדתס. 
אפילו כשמדובר בחומר מודפס, עורך טוב יכול לנפות 
טקסט גרוע ולהוציא ממנו פניניס. כשמדובר ב-ס6/ו, 
יש להתיר את אינסטינקט הצייד של העורכים, ולתת 
להס לחסל מילים מיותרות. 


סריקה 


קשה מאוד לקרוא טקסט על מסך המחשב, ונראה 
שההתנסות בחיבור מקוון הביאה למידה מסוימת של 
חוסר סבלנות. בשל כך נוטיס המשתמשיס שלא 
לקרוא שטפי טקסט במלואם, אלא לסרוק טקסט 
(0ח1חח568), לגלות מילות מפתח, משפטים ופסקאות 
מעניינות, ולדלג על חלקי הטקסט שאינס מענייניס 
אותס. 


במחקר שערכתי יחד עם 65אזסו! חחסנ, גילינו ש-79% 
מהמשתמשים בניסוי שערכנו סרקו תמיד כל דף חדש 
שהגיעו אליו. רק בודדיס קראו את הדפים מילה במילה. 


הטבלה הבאה מציגה חמש דרכים שונות לכתיבת 
אותו תוכן ב-60/\ עבור אתר תיירות בנברסקה (ראה 
בדף הבא). 65אז10 חחסנ ואני בחנו את השימושיות 
של חמש האפשרויות. הטבלה מראה בכמה אחוזים 
עדיפה כל גירסה על פני הגירסה המקורית. 


הרפרוף (ַחוחזחווא5), שמחליף את הקריאה המלאה 
הוא עובדה ב-טפ)\, והוא חוזק על ידי מחקרי 
שימושיות רביס מספור. הכותבים עבור ה-60/\ 
חייביס לקבל את העובדה הזו ולכתוב בצורה שתקל 
על הסריקה: 


> כתבות המכילות שתיים, או אפילו שלוש רמות 
כותרות (כותרת דף ראשית ועוד כותרות משנה - 
וכותרות משנה של כותרות המשנה במקומות 
המתאימיס). כותרות מקוננות יכולות גס 
להתאיס למשתמשים עם מגבלות ראייה 
שמשתמשים בקוראי מסך. 


גרסת אתר 


כתיבה שיווקית 


טקסט תמציתי 


כחצי מכמות 
המילים שבטקסט 
המקורי 


נוח לסריקה 


משתמש באותו 
הטקסט שבקטע 
המקורי בסידור נוח 
לסריקה 


שפה אובייקטיבית 


משתמש בשפה 
נייטרלית במקום 
בשפה של קידום 
מכירות (פרט לכך, 
הטקסט זהה 
לטקסט המקורי) 


גירסה משולבת 


משתמש בכל 
שלושת השיפורים 
של סגנון הכתיבה: 
טקסט תמציתי, 
סידור נוח לסריקה, 
ושפה אובייקטיבית 


פסקת דוגמה 


606 ץ||ה הסוסה ח6שחו הזוצ\ ₪160 15 85%8זססא 


.6 /6/67 260016 )0 05או0ז6 06| אוהזס +8ח+ 5הס6הזבּ 


5 זה|טקסק 05% 6+ 01 5016 ,1996 חן[ .1911 זטסחזו\ 
5 ,,(15/6075/ 355,000) 376 5%8%6 הספחו00סג +זס= 6ס/ 


6 10006 וסטוה ,(132,166) +חסההטחסוא |ההסטבּא אטום 
,((86,598) 06ח63706 , (100,000) הוהט6פוו1 .8 אזבק [63ו0ספורן 
סוט 0חה , (60,002) ז6סחסוק 6וזובזק 606 01 ותטספט זתטס5 
. (28,446) 7878 |15%07168 5%8%6 ₪306 ווום 





6058 חן 007860005 060ח806-265% 6+ )0 או5 ,1996 חך 
חס 80\] 810% 5605 ,אק 56906 הספחו0 0 +זס= שפצ 
,1156 8 אזהק |15607168 5%8%6 10006 זסטזוה ,%הסוחטחסוו 
0חה ,זססחסוק 6ווהזק 6+ + ה ט6פט זהטס5 ,86ה63706 
אזהק |415607168] 5%8%6 ח6ח₪3 ||₪1 סוהוטט 


666 ץ||ה הסוסה ח%6חו הזוצ\ ₪160 15 85%8זססא 
,7 /6/67 260016 )0 05או0ז6 06ז8] צוהזס +8ח+ 5הס6הזבּ 
5 זה ]טקסכ 05% 6+ 01 506 ,1996 חן .191 +טסחסוש 
בובו 
(5ז0םו15ט 355,000) אז8ק 56806 הספחופסם +זס-] > 
(132,166) זחסוחטחס1! |החסבּא טוט 560085 > 
ההט86ט1] 8 %ז8ק |15%0168 55866 1/0006 זסטזה > 
(100,000) 
(86,598) 08706006 > 
(60,002) זסס6חסוק 6וזוהזק 6ח+ ]0 ותטספטו זהנס5 % 
(28,446) א%ז8ק |1156068] 55866 ₪36 |וום סו8)וום > 


6+ )0 50706 ,1996 ח1 .5חס0ֶ800780 |678ש56 85ח 85%68זספאא 
6 55006 ה50חו₪00 +זס= 6 וצו 18665 151560/-5%סוח 
+חסוח חס |החסס3א 810 5605 ,(5זסזופוצ 355,000) 
והט6פט1)] 8 אק [4150768 55866 10086 זססזה ,(132,166) 
6+ +0 ההט6פטו זת50 ,(86,598) 96ח6376 , (100,000) 
6 ח6חע₪ |וום ס|8וטם חב (60,002) זס6חסוק 6הזובזק 

]115%07168| 7376 )28,446( . 





:1 060785688 חן 3665 151660ש-05%ח 66 01 או5 ,1996 חך 
%זק 55860 הספחופס 0% > 
+חסחהטחסוי! |החסטה\ ₪10 5600 %% 


רהט56ט1] .8 אזבק [115007163] 5%68%6 10086 זסטז > 
36 % 


זססחסוק 6הוהזק הל 01 ההט6פטוי! זה50 %% 


אזבק |168ז1560 50006 הסחמה !₪1 סובווטם %%> 





שיפור בשימושיות 
(יחסית לטקסט 
המקורי) 


% שיפור (זהו 
הטקסט המקורי) 


% שיפור 


% שיפור 


% שיפור 


% שיפור 
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4% השתמש בכותרות בעלות משמעות במקוס 
בכותרות י'נחמדות'י. על ידי קריאת הכותרת 
המשתמש יכול לדעת מהו נושא הדף או הסעיף, 
בלי לקרוא את כל הטקסט. לדוגמה, 
ב-ץ08סד 054! המודפס היתה כותרת - 
"ששח 5'החעט ס!זסע 60זוצו\ %6||5 6חחספסצודיי. 
כותרת נחמדה, אך חסרת ערך ב-פ6/\. הגירסה 
האינטרנטית של הכותרת, היתה 
'0זסצו 60זוצו 6ז 0+ ושח פחוסחוום". 
אני הייתי מעדיף: 

"03065 סוחסה '5!ב+זסק 60/\ זס1 פאוסח פחסו0ם". 
רשימות תבליט (115%65 801!6060) ורכיבי עיצוב 
דומיס שובריס את אחידות פסקאות הטקסט. 


> השתמש בהארה (פַחטְתִפווחף]) ובהדגשה, כדי 
שמילים חשובות יתפסו את עין המשתמש. טקסט 
צבעוני יכול לשמש להדגשה גם כן, וקישורי טקסט 
מנחים יופיעו תמיד בכחול עם קו תחתון. יש לבחור 
בהארה או צבעי רקע שיופרדו מצבעי הקישורים, 
אחרת המשתמשים יתבלבלו וינסו ללחוצ על 
המילים המוארות במחשבה שמילים אלו הן 
קישורים. יש להיזהר בשימוש בקו תחתון כאמצעי 
להדגשה, מכיון שהמשתמשים עשויים לפרש אותו 
כקישור ויתאכזבו אם הדבר לא יתאפשר. 


מדוע המשתמשים סורקים? 


סריקה באתר נקראת פַחוחח568, חַחוהחוחוא5 וגם 06ח8-0!8-זה. 


יש צורך במחקר נוסף כדי לדעת בוודאות מדוע 79% ממשתמשי ה-60/\ סורקים את 

הטקסט במקום לקרוא אותו, אך הנה כמה סיבות משוערות: 

% הקריאה ממסך המחשב מעייפת את העיניים. 

%> הקריאה ממסך מחשב איטית בכ-25% מקריאת דף נייר. לא פלא שהגולשים מנסים 
לצמצם את מספר המילים הנקראות. סיבה זו מסבירה את התנהגות המשתמשים. הם 
יקראו יותר במסכים איכותיים יותר (עם ההפרדה הגבוהה יותר). 
ה-60/\ היא מדיום בו כל משתמש חש שהוא חייב להתקדם הלאה וללחוץ על דברים. 
הגולשים רוצים להרגיש פעילים כשהם ב-60/\ והפעילות מתבטאת בלחיצה שלהם 
בעכבר. 
כל דף חייב להתחרות על תשומת לב המשתמש במאות מליוני דפים אחרים. 
המשתמשים אינם יודעים אם הדף הנוכחי הוא זה שנחוץ להם או שאולי יש דף טוב 
יותר. בנוסף, הם לא מוכנים להתחייב להשקעת הזמן בקריאת הדף בתקווה שהוא יהיה 
שימושי. למעשה, רוב הדפים אינם שווים את זמנו של המשתמש, ולכן הניסיון מעודד 
אותם להסתמך על מיומנויות איתור מידע. במקום לבלות זמן רב בדף יחיד, המשתמשים 
עוברים בין דפים רבים ומנסים למצוא את המקטעים המעניינים בכל אחד מהם. 
קצב החיים המודרני קדחתני ולגולשים אין זמן להשקיע בחיפוש אחר המידע הנחוץ 
להם. משתמש שמקבל ביום 70 הודעות דואר אלקטרוני ו-50 הודעות קוליות לטלפון 
הנייד, כנראה יאלץ לוותר על המידע אם המידע לא יצוץ לפניו. 
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?טס 276 566560סק עשסו] 


||וא\ 8עו%3%ח85זקפז 2+זפר בח .15סה1 8+ אוסחא ם+ טופץ בא 2דוסוו | ב 
587085 ח0ו80%+סזם |בתפוזקם גוס חס חהסולבחחס+חו ה+ואצ גוס פטוצסזוק | ו קוה 


,זפ+הטסס 8+ 
חובחח זטום +ס פחס 15 סחווח +ם פסבּפכ חואו |העבּז% טפץ 8זט5 הַחוא)בּו ָּ ₪ 

|החסו+קס 858ח+ 5זטם 2זזפו .5.₪ 8+ חו ,הספבפז פוח+ זם= .פתזפסחסס וס 
סחב 055]| זפחובּחָב3ּ גוספץ +ספזסזכ ||ואו זפעוב צ\ הַהַבּחחבּ0 1055 :5פסוע587 
5ועסז +תפוחפ!מק5 פסהבזטפח1 ץזו!ו130 ,בס 2+זפר בח ס+ פהַבּוחבּם 
חב פסחבזט5ח1 080%ו400 |3ח750פ0 סחב חסוזספ+סזכ עזו|וסב!| +חפותפ|מקו5 
083% |3+חפוססב ,88%5ח8ם |בסוספו 075 הּהַבז89ע00 ₪015 |בּחספ5זפס 
זטוסץ 45% .5הַחוהַחסופם |בּחספזפק זנוסץ זסז הסוזספ+סזם חב ,5זהפחפם 
.5975 858ח+ +טוסטב הטולבה חס+חו פזסוח זס+ 8צוז%3ה858ז00ה 2חפ 


הט 076 06 


8+ ספחו|080 פע'טפץ סחב זבּס 2צ+זפר 3 הזו +חפםוססבּ חב פטבּח גוסץ +1 
טסץ 80358 חס ספ+םזס (עשכ 1) זעוב ההַבּוחבּ0 1055 |בּהססק0 חפ 
8+ 005108 , טס 80זפעסס פסחבּזטפחו סזב3ס %ו80זס זגוסץ +ההטוסח+ 
ביני 


זטסץ ז368 8|טוז0900 זטוסץ זס? טספץ פפזנוטוחופז צץוחס 03705 וחספ * 
.35 פסחבּזטפחו חאים 

בוב" 80+חפוטוססם +וחחטגו5 טוסץ 855|חו עֶבּכ +'חסם 03705 פוחם50 * 
. החחו+ 50801880 3 הוחפוצו פ!וום זובקפז "זפזח וספץ צֶט 

חוב+זפס 3 חב זפהחס| 35%| +3ח+ 5|ב+חפז זפטסס +'חסט פוזס50 * 
הסחפק 


.ץז ז03 חובּזזפם זפטסם +'חסם 508 * 








הז0ס2.6שה ,שש 


כל משתמש ס6\\ שיראה את הדף הזה יחשוב שחברת 62 מציעה שלושה סוגים של ביטוח: 
זו 8806 1055, 06ח8ט5ח1 4661060% |8ח50ז6ק |- 806זסעס 26605 [החס5זטק. הגולשים 
פשוט קוראים את הטקסט הצבעוני, ואינם קוראים את מקטעי גוף הטקסט. כל אחד שהיה לו 
זמן מספיק כדי לקרוא את הדף מילה במילה יגלה שלחברת 670 יש סוג ביטוח נוסף: 
56% 06חה8זטפח1 עטוווטהו ! (אתה מוזמן לנסות ולגלות את הביטוח הזה. הוא מסתתר 
בפיסקה השנייה, שורה 4). רק מעטים יקראו את הדף מהתחלה ועד הסוף, מילה במילה. שים 
לב גם שכותרת הדף מפרה את עקרון התיאור הפשוט של תוכן הדף. עדיף בהרבה להשתמש 
בכותרת כגו| "60861806 6סח8זטפח1 |הּחסטקס" במקום הכותרת "?טסץ 6זה 606060סזק סח" 
ולהפחית את הגודל היחסי של האזור המוקדש להצהרה שהמידע נוגע למוצרים/שירותים 
הניתנים בארצות הברית. לבסוף, מומלץ שלא להמחיש מוצר/שירות אמריקאי בעזרת תמונת 
בית האופרה של סידני... (שזה ככל הידוע לי ביבשת אוסטרליה). 


פרק 3: עיצוב תוכן 107 








8 עיצוב ממשק באינטרנט 


(בעמוד הבא) מטרת דף קטגוריות מוצרים באתר 18% כגון 
זה היא לאפשר למשתמשים להימנע מצפייה בחלק 
מהמוצרים. אנשי השיווק יתחלחלו מהצהרה זו, אך אם 
תניח שלמשתמשים יש זמן לקרוא את כל פרטי המוצרים 
שלך, תתאכזב מאוד. אתר שלא מסייע למשתמשים לצמצם 
את תשומת הלב שלהם למעט מוצרים רלוונטיים ייראה 
מבלבל ולא מספיק מסייע. במקום לבזבז שעות בניווט בין 
מוצרים לא קשורים, רבים מהמשתמשים יוותרו על העניין 
ויוציאו את כספם על אתר אחר. הקישור והכותרת של כל 
מוצר משולבים על ידי מספר המוצר. דבר זה טוב לגולשים 
שמכירים לעומק את סדרת המוצרים והם יודעים מה הם 
מחפשים. לדוגמה, 570 ח8קאחוחד ולא 390 ההקאהוחד. 


המשתמשים הבקיאים פחות לא יכולים להיעזר במספרי 
המוצרים. הם חייבים להסתמך על כותרות קטגוריית 
המשנה בסרגלים הצבעוניים לרוחב המסך, וכן על תיאורי 
המוצר שליד כל תמונה. כותרות קטגורית המשנה מכילות 
תיאור סביר, למרות שלא ברור מה ההבדל בין 
"6|ספ+וסקהט!(\" ל-אססס6>סא-וחווא". איזה מבין השניים קטן 
יותר? איזה כדאי לרכוש על פי צרכי? בדומה לכך, מהו 
ההבדל בין "6ט|8/ 6ח0-חז-!1" |- "סח טסו 600 |החספזסק"? 


שימושיות הדף תשתפר אם קטגוריות המשנה יובנו יותר 
ויסודרו לפי רעיון מובן כלשהו. לדוגמה, ניתן לסדר את 
המוצרים כך שהקטן ביותר יהיה בראש הרשימה, ואחריו 
יבואו מחשבים גדולים יותר בסדר עולה. תקוותו האחרונה 
של המשתמש - תיאורי המוצר - חסרי תועלת גם הם 
(בנוסף לכך שהם נכתבו בגופן קטן כל כך עד שקשה מאוד 
לקרוא אותם). לאחר שאתה יודע שדגם 240 הוא 

אסססס6שסא -וחווי!, אינך זקוק לכך שיגידו לך שוב 

"6666 ח60 512260 |!₪ הפוצו אססס66סח-וחווח סחד". 


ודוגמה נוספת: מה ההבדל בין 

"סחו טק 60 6!וטסרח 66חהוזס]זסק 6וחסטאם=" (בדגם 770) 
לבין "שו|ופה+וסס סחהּ 66חה ו סוז6ק 01 06ח08|3 |1068 6חך" 
(דגם 660)? 
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דיאגרמות פשוטות כמו זו שבדף פַחוזקפ5חו3! משפרות את 
יכולת הסריקה. הן מספקות מיקוד לעיני המשתמש בזמן 
שהוא עובר (סורק) על הדף. דיאגרמות ברורות ונקיות כמו 
זו יכולות לתאר במהירות שטף מידע, ולהעביר למשתמש 
מבנה מסוים. המשתמשים רוצים לרוב ללחוץ על 
הדיאגרמות כדי לקבל מידע נוסף אודות רכיב ספציפי, ולכן 
רצוי לקשר את הדיאגרמות שלך לדפי משנה נפרדים לכל 
רכיב. 


0 עיצוב ממשק באינטרנט 





יש שגיאות תכנותיות רבות 
ב-60)\ שאפילו לא גורמות 
ליצירת הודעת שגיאה, אלא 
פשוט משאירות את 
המשתמש בהמתנה או 
מציגות מסך ריק. לפניכם 
אחת מהודעות השגיאה 
הנוראות ביותר שראיתי 
ב-60/)\. הודעות שגיאה יש 
לכתוב תמיד בשפה פשוטה, 
ועליהן לא לחשוף את 
ה"כביסה המלוכלכת" של 
המערכת. המושיע היחיד 
בדף זה הוא ההצעה מה 
לעשות. על הודעות השגיאה 
להיות תמיד יעילות, ולסייע 
למשתמשים להתגבר על 
הבעיה במקום רק להצביע 
על קיומה. 
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שפה ברורה 


משמשי ססצו לא רוציס לבובו את זמנס בקריאה או 
בעיון בחומר רב, ולכן חשוב לפתוח כל דף במסקנה - 
ייהשורה התחתונהיי. הצג בפניהס את החומר החשוב 
ביותר, תוך שימוש במבנה דמוי פירמידה הפוכה. 
המשתמשים יידעו כמעט מייד במה הדף עוסק ובמה 
הוא יכול להועיל להס. 


פעמיס רבות, משתמשים, שסורקיםס טקסט, יקראו 
רק את המשפט הראשון של כל פיסקה. משום כך, 
משפט זה צריך להיות קצר וקולע לפי הכלל יירעיון 
אחד בכל פיסקהיי. אם תנסה לכסות כמה נושאיס 
בפיסקה אחת, רביס מהמשתמשים לא יגיעו לרעיון 
השני, אס הראשון לא יגרוס להס לעצור בומן סריקת 
הדף. בנוסף, השתמש במבניסם פשוטיס של משפטים. 
כתיבה מורכבת קשה לקריאה, וקשה עוד יותר 
לקריאה מקוונת. 


הגבל את השימוש בדימויים, במיוחד בכותרות. 
המשתמשיסם עלוליס להתייחס לדבריס כמות שהם 
(כפשוטס), למרות שהיו לך כוונות אחרות. 


אפשר להשתמש בהומור ב-פ6/ו, אך בזהירות. 
המשתמשים סורקים את הטקסט, ולכן הס עשוייס 
שלא להבתין בנימה הומוריסטית או צינית, והס 
יתייחסו להלצותיך ברצינות (ולפעמיס ברצינות 
יתרה). בנוסף, המשתמשים מונעים על ידי מטרה 
מסוימת עד כדי כך שהס יעדיפו לרוב יירק את 
העובדות, בבקשהיי, בלי לבזבז זמן מיותר. 


5 6)1655א6וד 65חו!זוה +65/ש500 








ו851.60₪שוח501.ששו 





פרק 3: עיצוב תוכן ‏ 111 




















(בעמוד הבא) דף זה מציג 
כתבה ארוכה שחולקה לשני 
חלקים. בסוף החלק 
הראשון, בתחתית הדף, יש 
קישור קטן בשם 

"טח חס" (המשך) 
המעביר לחלק השני, לדף 
נוסף. קישור זה אינו מומלץ 
משום שאין למשתמש דרך 
לדעת למה עליו לצפות 
בהמשך. לחילופין, ניתן 
לספק למשתמש תצוגה 
מוקדמת קצרה של שורה 
אחת מהחלק השני, כדי 
לעודד אותו להמשיך. 
העיצוב הטוב ביותר יכיל 
תקציר קצר, שהוא קישור 
לדף השני, המתאר את 
הרעיון בשורה אחת. בנוסף, 
אותו תקציר יכול להכיל 
קישורים לטיעונים אחרים 
הקשורים בנושא או 
לדוגמאות מעמיקות. שים 
לב גם לצורה בה הציטוטים 
מוסיפים לעיצוב עניין חזותי 
ומסייעים למשתמשים 
לסרוק את הדף כדי לגלות 
את החלקים המעניינים 
אותם בכתבה. 


2 עיצוב ממשק באינטרנט 


הס רוציס לקבל את המידע שחיפשו ולצאת מהר ככל 
האפשר. יחד עס זאת, המשתמשיס חשיס הרבה 
פעמים שאתרי ה-פ6/\ מתייחסים לעצמס ברצינות 
יתרה ולעיתיס הס משעממים. משום כך, תוכל 
להוסיף בזהירות מידה מסוימת של הומור. אך הימנע 
ממשחקי מילים או יימשפטי מחצ ידועיםיי, משוס 
שהס לא טוביס למשתמשים בינלאומייס שלא 
מתמצאיסם בדקויות השפה שלך (יימה 17 מה כמהזיי 
זו בדיחה ישראלית, מבית היוצר של הגשש החיוור. 
המשפט יי!טסץ זס+ קְט0ס5 סאזיי מעלה חיוך על מי שראה 
את הפרק 821 50 6חד בסדרה 06|6חו56 אבל לא 
אומר דבר למרבית אזרתי העולס). 


חלוקת דפים 


קצר את הטקסט אך בלי להקריב לשם כך את עומק 
התוכן. עשה ואת על ידי חלוקה של המידע לכמה 
צמתיס שמחובריס בקישורי טקסט. אפשר ליצור 
מבנה שבו כל דף קצר, ועדיין המרחב הכללי יכיל 
מידע רב יותר ממה שאפשר להשיג בכתבה מודפסת. 
ניתן לחלק מידע רקע מפורט וארוך לדפי משנה. 
באותה הצורה, ניתן לספק מידע המיועד לקבוצה 
קטנה מבין המשתמשים על ידי קישור, ללא הענשת 
הקוראיסם שאינס מעונייניס בו. 


אין להשתמש בקישורי טקסט כדי לחלק כתבה 
ארוכה וליניארית לכמה דפים. הורדה של כמה 
מקטעיס תגרוס להאטת הקריאה ותקשה על 
ההדפסה. מבנה קישורי טקסט נכון אינו בצורת 
'יהמשך בדף 2', אלא על ידי חלוקת המידע למקטעיס 
עקבייס שכל אחד מהס מתמקד בנושא מסויס. 
העיקרון המנחה הוא שצריך לאפשר למשתמשיס 
לבחור את הנושאיס המענייניס אותס בלבד, ולעיין 
רק בדפים אלה. במילים אחרות, מבנה קישור 
הטקסט צריך להיות מבוסס על ניתוח תגובות הקהל. 


בנוסף, יש לכתוב כל דף קישור טקסט על פי רעיון 
ה'יפירמידה ההפוכה'י אותו לומדיס בבתי ספר 
לעיתונאות. התחל במסקנה קצרה, כך שהמשתמשיס 
יוכלו להבין את נושא הדף גס אס הס לא קראו אותו 
כלל. לאחר מכן, הוסף מידע בהדרגה. יש לעשות זּאת 
בצורה שהמשתמש יוכל לעצור את הקריאה בכל צמן 
שהוא, ועדיין להיות אחרי חלקי המידע החשוביס. 
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4 עיצוב ממשק באינטרנט 


(בעמוד הקודם) לאתר 
אזסה6חה יש דוגמה כמעט 
מושלמת לשימוש נכון בקישורי 
טקסט. דף הבית מכיל 
סיכומים באורך פיסקה אחת 
מכל כתבה עם קישור לכתבה 
ארוכה יותר, כמו זו המוצגת 
כאן. למעשה, יש לדף הראשי 
שתי רמות פירוט לכל כתבה: 
כותרת קצרה, שלאחריה סיכום 
באורך פיסקה אחת. דפי 
הכתבה מכילים לרוב 
התייחסות קצרה וקשורה לכל 
נושא, והם מתאימים פחות או 
יותר לחלון יחיד במסך גדול. 
כתבות קצרות אלו מכילות 
קישורי טקסט לכתבות ארוכות 
בהרבה שנמצאות במקום אחר, 
באתר :2086 ובחלקים אחרים 
של ה-60/\. בדף זה, שים לב 
גם ללחצן: 

"סא=זא ג סד צ₪סז5 פד |זהא:" 
לחיצה על לחצן זה תעביר את 
המשתמש לדף חדש עם שדות, 
בהם יוכל להקליד את כתובת 
הדואר האלקטרוני של החבר 
יחד עם הערה קצרה. הכתבה 
תישלח אוטומטית על ידי שרת 
א חה, יחד עם הסבר 
קצר כיצד לעשות מנוי לשירות 
שמודיע על כתבות עתידיות. 


הגבל את השימוש בקישורים לדף עצמו 

]דח מספקת סוג מיוחד של קישור בתוך הדף עצמו. קישורים בדף עצמו 

(5אחו! 6סְ8ס-חוושו/)) עשויים להיראות כפתרון לבעיית דפים ארוכים, אך יש להם בעיות 
שימושיות משלהם, ויש להימנע מהם במידת האפשר. 


בעיית השימושיות החמורה ביותר של קישורים בדף עצמו היא שהמשתמשים מצפים 
מהקישורים לקחת אותם לדף אחר. לרוב, המשתמשים לא מבינים שהם קפצו באותו דף, 
ולכן קישורים אלה עלולים לגרום לבלבול, במיוחד כשהמשתמש לוחץ על לחצן 836% 
ונשאר עדיין באותו הדף. 





בנסיונות השימושיות שערכתי על משתמשי ס6)\ 
התגלה שמעט מאוד מהמשתמשים גללו את הדף. רק 
כ-10% מהם גללו את הדף מעבר למידע שנראה 
בחלון. לדעתי, הניסיוןו הרע של המשתמשים ב-60/\ 
אילצ אותס לגלול את המסך במידה מסוימת. יוצאי 
הדופן היחידים של תגלית זו היו המשתמשים שהגיעו 
לדף יעד עס כתבה שעניינה אותס או חשובה 
לעבודתם - או הס היו כן מוכניס לגלול. עס זאת, 
בדפי ניווט, ברור היה שהמשתמשים יבחרו מתוך 
האפשרויות הגלויות. 


אפילו אס הם מוכנים לגלול, רביס מהמשתמשיס 
בוחריס מתוך האפשרויות הגלויות, אס הס נתקלים 
באפשרות קורצת. שתי המסקנות העיקריות מגילוי 
זה הן: לשמור על דפיס קצרים, ולוודא שהקישוריס 
החשובים ביותר יהיו גלוייס, ללא צורך בגלילה, ברוב 
המסכים. 


דפים ארוכים שצריך לגלול אינס טוביס למשתמשים, 
משום שכך הם לא רואיס את כל האפשרויות 
הזמינות בעת ובעונה אחת. תמיד יהיו חלקי דף נגלל 
נסתרים, ולכן המשתמשים ייאלצו לבחור את הפעולה 
הבאה שלהס מבלי שיוכלו להשוות אותה עס כל 
האפשרויות האחרות. בענייני שימושיות, הגדלת 
עומס הזיכרון של המשתמש גרועה תמיד, והיא 
מגדילה את הסיכוי לטעות. 


דפי היעד שרובס תוכן ויש להס פחות אפשרויות 
ניווט, פגיעיס פחות מגלילה מאשר דפי ניווט. אחרי 
שהמשתמש הגיע לדף יעד, המחקריס מראיס שהוא 
יגלול ובתנאי שמצא את מה שחיפש ומה שגלוי קורצ 
לו. עס ואת, המשתמשים נוטים שלא לגלול דפים 
ארוכיס מאוד. כפי שהזכרתי קודם לכן, יש לקצר 
טקסטים שמיועדים ל-ט6/ו. 
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העיצוב המקורי של מהדורת 
יוני 1996 של המגזין 
ובוח 5!8%6 היתה בגובה 
4 פיקסלים, ודרשה 
ממשתמש בעל מסך קטן 
לגלול ארבעה חלונות (התרשים 
בדף זה). אחרי חודשיים, 5|8%6 
שינו את הדף הראשי, כך 
שיהיה בגובה 1516 פיקסלים. 
לבסוף, בפברואר 1997, הם 
הפיקו את הדף הראשי 
השימושי הראשון בגובה 793 
פיקסלים (תרשים בעמוד 118). 
דף אחרון זה גלוי במלואו 
במסך בגודל בינוני, ומאפשר 
אפילו למשתמשים בעלי 
מסכים קטנים לראות את רוב 
הקישורים החשובים ללא צורך 
בגלילה, משום שכל הכתבות 
הראשיות נמצאות בתוך 550 
הפיקסלים העליונים של הדף. 


לרוע המזל, העיצוב של שנת 
9 חזר למצב גלילה ארוך 
(גובה של 1,450 פיקסלים), 
כפי שמוצג בתרשים הימני 
שבעמוד 117. 215 הפיקסלים 
התחתונים הכילו סרגל ניווט 
תחתון סטנדרטי של א5!ו! 
שרוב קוראי 5/3806 מתעלמים 
ממנו, ולכן הגובה הממשי של 
הדף הוא למעשה 1,235 
פיקסלים. 

שים לב, כמובן, שספירת 
הפיקסלים מתייחסת לגודל 
הדף במחשב שלי יחד עם 
הגופנים אותם התקנתי. 
המספרים המדויקים ישתנו 
מאוד בתצורות אחרות. עצם 
העניין אינו המספר המדויק של 
הפיקסלים, אלא אם יש 
למשתמשים בעלי מסכים 
בינוניים וקטנים סיכוי 
להשתמש באתר. 
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העיצוב השימושי ביותר (1997): גובה 793 פיקסלים. 


8 עיצוב ממשק באינטרנט 
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עורכי סוחוד הבינו כנראה ששפיכת הטקסט כמו שהוא 
מהעיתון המודפס לסדרה של דפי ווזד לא עושה דף 
תוכן טוב באינטרנט. לזכותם ייאמר שהם סיפקו סדרת 
דפים חלופית עם תוכן מקוצץ, וכן קישורים לתוכן 
מולטימדיה שמנצל את היכולות המיוחדות של האינטרנט 
והמחשב. אישית, הייתי מעדיף יותר קישורים על פני 
הוספת טקסט. ניתן היה לקחת חלקים גדולים יותר של 
הכתבה המקורית ולהפוך אותם ליעד משני של קישורים, 
אליהם היו עוברים קוראים שחיפשו נושא מיוחד מתוך 
הנושאים שנידונו כאן בקצרה. 


0 עיצוב ממשק באינטרנט 
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(בעמוד הקודם) אם יש לך 
כתבה ארוכה, הרי שהעצה 
הטובה ביותר היא לשכתבה 
ולקצר אותה, או לחתוך 
אותה וליצור קישורים לדפי 
תוכן משניים, גם הם קטנים 
בהיקף התכנים שבהם. אם 
עליך לשמור, מסיבה 
מסוימת, על מבנה ליניארי, 
עדיף לוותר ולהציג את 
הכתבה כולה בדף אחד. 
למרות שהמשתמשים אינם 
אוהבים לגלול, הם אוהבים 
פחות להמתין לטעינת הדף 
הבא בזמן שהם באמצע 
קריאת הכתבה. דוגמה זו, 
מתוך אתר 66זו/ס₪, מראה 
מה לא לעשות, כלומר, לא 
לתת לגולשים חלקים 
קטנטנים של הסיפור, כל 
חלק בדף נפרד. דפים אלה 
מסומנים בגאווה בעזרת 
המספרים "1" ו-"2", כאילו 
שלמשתמשים אכפת לדעת 
זאת. אם מדובר ביחידה 
ליניארית, אל תוסיף עומס 
ניווט מיותר רק כדי להציג 
את ספירת הדפים. עדיף 
לקשר לכתבה הקודמת 
אודות 6705 5%סק. 


כותרות דפים 


כתיבה ל-60/\ היא כתיבה שנועדה להימצא 
ולהיקרא. המשתמשים אוהבים מנועי חיפוש, גם כדי 
לנווט בתוך אתר וגס כדי לנווט את דרכס באינטרנט. 
האתר שלך קייס במנועי חיפוש רק בצורת כותרת 
הדף שלך המוצגת בדף תוצאות החיפוש. 


בשפת !31 ניתן להגדיר כותרת לכל דף ודף בעזרת 
התגית <₪6>. חשוב לכתוב כותרות טובות לדפיס 
משוס שכותרות אלו משמשות במקריס רביס כמקור 
ההתייחסות הראשי לדפים. כותרות הדפים משמשות 
גס בתפריטי ניווט רבים, כגון רשימות סימניה 
(8/071805= /87%וח200%) ורשימות היסטוריה. לכן כה 
חשוב שהכותרת תכיל מספיק מילים, כדי לעמוד בפני 
עצמה, ולהיות בעלת משמעות כשהיא נקראת בתפריט 
או ברשימת חיפוש. מצד שני, כותרות ארוכות מאטות 
את המשתמשים, ולכן מומלא לכתוב כותרות בעלות שתי 
מיליס עד שש מילים. הדפים הראשיים יכולים להכיל 
אפילו כותרת של מילה אחת (כמו לדוגמה, ''סו6אם'י). 


כותרת דף היא פיסת תוכן, ועליה להיות מובנת 
לחלוטין. לרשותך 40-60 תוויס כדי להסביר לגולשיס 
מה ימצאו בדף שלך. אס הכותרת לא תבהיר במה 
הדף עוסק, המשתמשים לעולס לא יגיעו אליו. 


יש בורך בכותרות שונות עבור דפיס נפרדים. לא נעיס 
לבקר, נניח, בשבעה דפיס עס אותה הכותרת, ולאחר 
מכן לנסות לחזור לדף מסויס מתוך רשימת ההיסטוריה. 
בנוסף, אם המשתמש ינסה להוסיף יותר מדף אחד 
של האתר לרשימת הסימניות שלו, תיווצר בעיית 
שימושיות, משוס שתפריט הסימניות יכיל רשומות זהות 
שיובילו לדפים שוניס (אותה כותרת עס !₪1 שונים). 


נקודה אחרונה היא לשפר את הכותרות עבור סריקה 
מהירה. לשם כך, העבר את המונחיס האינפורמטיבייס 
לאזור תחילת הכותרת וכן מומלצ להתחיל אותה 
במילה שתתאיס לצורכי המשתמש כשהוא סורק 
תפריט או רשימת כותרות. השגיאה הקלאסית היא 
להשתמש בכותרת כגון ''ץח8קוח00/ו ס% 6החסס6|6/\יי. 
תמיד עדיף לקרוא לדף 'יץחהקוחס6עו'יי. לשיפור יכולת 
הסריקה, השמט את מילות החיבור האנגליות ג, חג, 
ו-16 מתחילת הכותרת. חשוב לעשות כך משוס שחלק 
מרשימות הכותרות המתקבלות מסודרות לפי האלף- 
בית. הכותרות לא צריכות לשמור על חוקי הדקדוק. 
עליהן להיות בסגנון כרזות של לוח מודעות. 
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אם אתה יוצר רשימות 
מתוכן שכתבו אנשים 
אחרים, מומלץ (ברוב 
המקרים) לשכתב את 
הכותרות שלהם. 
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כתיבת כותרות 


הדרישות לכתיבת כותרות מקוונות שונות לגמרי 
מהדרישות לכתיבת כותרות מודפסות, משוס 
שהשימוש בהן שונה. שני ההבדליס העיקריים בין 
שני סוגי הכותרות הסםס: 


+ כותרות מקוונות מוצגות לרוב מחוץ להקשרן: 
כחלק מרשימת כתבות, ברשימת תוצאות מנוע 
חיפוש, או בתפריט סימניות של דפדפן או עזר 
ניווט אחר. חלק מהמצביס הללו נמצאיס רחוק 
מההקשר המקורי. תוצאות מנוע חיפוש יכולות 
להתייחס לכל נושא אקראי, ולכן המשתמשיס 
לא יוכלו להשתמש בחומר רקע שיעזור לפרש 
את הכותרת. 


6% אפילו כשהכותרת מוצגת עס תוכן שקשור אליה, 
הקושי בקריאה מקוונת והכמות הקטנה של 
מידע שניתן לראות בהרף עין מקשה על המשתמש 
ללמוד מספיק מהנתונים המקיפים אותה. בדפוס, 
יש לכותרת קשר הדוק לתמונות, כותרות משנה, 
ולגוף הכתבה, וניתן לפרש את כולס במבט אחד. 
במצב מקוון, תהיה כמות קטנה בהרבה של חומר 
בחלון, ואפילו המידע הזה יהיה קשה ונוח פחות 
לקריאה. בסריקת רשימת כתבות בדף ראשי או 
בדף עיתונות, המשתמשים נוהגיס להביט רק 
בכותרות המוארות ולדלג על מרבית הסיכומיס. 


כתוצאה מהבדליס אלו, טקסט הכותרת חייב לעמוד 
בפני עצמו ולהיות הגיוני, כששאר התוכן אינו זמין. 
כמובן שהמשתמשים יכוליס ללחו על הכותרת כדי 
לקבל את הכתבה המלאה, אך אס הס עסוקים מדי, 
הס לא יוכלו לעשות זאת עס כל כותרת שהס רואיס 
ב-60/\. אני בופה שבקרוב המשתמשים יתחילו אפילו 
למחוק הודעות דואר אלקטרוני בלי לקרוא אותן, אס 
שורת הנושא לא תהיה מובנת להם. 


אס אתה יוצר רשימות מתוכן שכתבו אנשיס אחרים, 
מומלצ (ברוב המקריס) לשכתב את הכותרות שלהס. 
מעטיס הם אלה שמביניס את אומנות הכתיבה 
המקוונת שתעבוד טוב בכל מקוס ב-60/\. לפיכך, כדי 
לתת שירות טוב יותר למשתמשים שלך, עליך לעשות 
את העבודה בעצמך. 


ההנתיות העיקריות לכתיבת כותרות עבור ה-פ6/\ הן: 


% כתוב בשפה פשוטה: בלי משחקי מילים, ובלי 
כותרות י'חמודות'י או ''*מתוחכמות'"י. 


*> הסבר בבירור במה הכתבה עוסקת במונחים 
שנוגעיס למשתמש. פיסת התוכן (ח6סחסססקס!!\ן) 
צריכה להיות תמצית קצרה במיוחד של התוכן 
הגדול אליה הוא שייכת. 


6% הימנע מעקיצות (5ז16856) שמיועדות לגרוס 
לגולשיס ללחו על הכותרת, כדי לגלות במה 
הכתבה עוסקת. המשתמשים אינם מעוניינים 
להמתין לטעינת דפיס, אלא אס הס יודעיס 
בבירור מה הס ישיגו מכך. בדפוס, הסקרנות 
יכולה לגרוס לקוראיס להעביר את הדף או 
להתחיל לקרוא כתבה. במצב מקוון, זה פשוט 
מצריך טרחה רבה מדי מצידם. 


> דלג על קידומות אנגליות כגון ג, חה, ו-6חד 
בנושאיס של הודעות אלקטרוניות וכותרות 
דפים (אך כלול אותן בכותרות המשולבות בתוך 
דפים). תוכן הכותרת צריך להיות נוח לסריקה. 
בדרך כלל רשימות מסודרות בסדר אלפביתי, 
ולכן לא כדאי שהתוכן שלך יופיע תחת האות 
יידיי בתוך בלגן מבלבל יחד עס דפיס רביס 
שמתחילים במילה ''סחדיי. 


*> ודא שהמילה הראשונה חשובה ומכילה מידע, 
שיציב את הדף במיקוס טוב יותר ברשימות 
אלפבתיות ויקל על הסריקה. לדוגמה, התחל 
בשס החברה, אישיות או רעיון המתואר בכתבה. 


% אל תתחיל את כל כותרות הדפים באותה 
המילה, משוס שיהיה קשה להבדיל ביניהן בזמן 
סריקת רשימת קישורים. העבר את הטקסט 
הקבוע (אם קייס) לסוף השורה. 


קריאות (ע/ופ/60.!) 


אס המשתמשים אינס יכוליס לקרוא את הטקסט, כל 
השאר - עיצוב, מהירות ותוכן - חסר תועלת. ישנס 
כמה כללים בסיסיים שיש לשמור עליהס בכל אתרי 
ה-69/\ כדי להבטיח את יכולת קריאת הטקסט: 


> השתמש בניגוד חזק בין צבעי הטקסט לצבעי 
הרקע. לקריאות הטובה ביותר יש צורך בטקסט 
שחור על רקע לבן (טקסט חיובי - )%א6ד 6עטופסק). 
טקסט לבן על רקע שחור (טקסט שלילי - 
%%ך 6ע6080א) טוב כמעט באותה המידה. יחס 
הניגוד שבטקסט שלילי כמעט והה לגה 
שבטקסט חיובי, אך סכמת הצבעיסם ההפוכיס 
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מסיחה את דעתם של הגולשים ומאטה במקצת 
את קצב הקריאה שלהם. הקריאות (שוופו60 1) 
סובלת יותר מסכמות צבעים שהופכות את 
הטקסט לבהיר יותר משחור טהור, במיוחד אס 
הרקע כהה יותר מלבן טהור. למשל, טקסט ורוד 
על רקע ירוק, זה שילוב לא טוב: יש מעט מדי 


(בעמוד הבא) קשה לקרוא 
טקסט עם ניגוד צבעים 
חלש, במיוחד אם הוא גם 
קטן וכתוב באותיות נטויות 
(9|165ז1) כמו ההסבר הראשי 
שבדף זה. האפשרות לחפש 


סוחרם שתופהם מוש4 ניגוד, ולקוראיס עיוורי צבעיס ירוק ואדוס אין 
מסוים נחמדה, אך על שוס אפשרות לקרוא אותן. 
הערפ לפק שם וצר 4 השתמש ברקע עם צבע פשוט, או במרקמי צבע 


קריא לבני אנוש בנוסף 


רקע עדינים מאוד. גרפיקת רקע פוגעת ביכולת 
למספר הדגם. 


המשתמש לאתר את השורות בין האותיות 
ולזהות צורות מיליס. 


4% השתמש בגופנים גדולים מספיק שיאפשרו 
לגולשיס לקרוא את הטקסט, אפילו אס יש להס 
מגבלת ראייה. את הגופניס הקטניס יש לשמור 
להערות שולייס (פסְסחזס0) ולהודעות מסוג 
אחריות/פרטלות (5ז8ח0156!81 |1608) שלא כל 
המשתמשיס אמורים לקרוא. 


> ודא שהטקסט יציב. קשה מאוד לקרוא טקסט 
נע, מהבהב, או כוה שמשנה את גודלו. 


יש ליישר כמעט את כל הטקסט לצד ימין (טקסט עברי) או לצד שמאל (טקסט לועז. 
כשיש לעין נקודה קבועה להתחלת הסריקה, המשתמשים יכוליס לקרוא מהר יותר 
ממצביס בהס הס נתקלים בטקסט ממורכז, או כזה שמיושר בכיוון ההפוך לכיוון 
הקריאה. כמובן שניתן למרכז טקסט או ליישר אותו הפוך (אנגלית לימין ועברית 
לשמאל) כדי להשיג אפקט מסוים, אך לא כדאי לעשות זאת עס בלוקיס של טקסט. 
בדומה לכך, קל הרבה יותר לסרוק רשימות, כשהמילה הראשונה של כל רכיב מיושרת 
נכון באותה השורה. 


למסכי המחשב של היוס יש יכולת הפרדה נמוכה (יחסית), ולכן קל יותר לקרוא טקסט 
בגופני 5805-5061 כגון 670808/. אין מספיק פיקסלים כדי לפענח את הפרטים הקטניס 
הדרושיס לגופני זז56 בגופן בגודל 10 נקודות. כמו כן, רוב הגולשיס מעדיפיס לקרוא 
גופני ]561 (דוגמה: ת4408664) ולכן נוצר פרדוקס מסוים. נושא הקריאות (ש1וטו60 1) 
צריך לנצח כשמדובר בטקסט קטן מאוד (כגון טקסט בגודל 9 נקודות או פחות). טקסט 
קטן כוּה צריך להיות מסוג 585-561 (דוגמה: ם3408660). אפשר להשתמש בגופן 
]56 עבור טקסט גדול יותר אס הוא יתאים לטופוגרפיית האתר. 


הדבר האחרון שנוגע להנחיית קריאות (שוופו160) הוא להימנע משימוש באותיות 
לועזיות גדולות (60:675] |₪וק68) בכל הטקסט. יכולת הקריאה של המשתמשים יורדת 
בכ-10% בקריאת פיסקה שכתובה באותיות גדולות, משוס שקשה לעין לזהות את 
צורות המיליס והאותיות בתצוגה האחידה ודמויית הבלוק של טקסט באותיות 
גדולות. אל תעשה זאת. 
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אל תשתמש במרקמי רקע עמוסים כמו זה של אתר 
0זוסת. הקריאה ממסכי המחשב איטית מספיק גם 
ללא ההפרעה ליכולת המשתמש לזהות מילים ואותיות 
במהירות. מומלץ להימנע ממרקמי רקע, או להשתמש 
בצבע יחיד שמנוגד מאוד לצבע הטקסט. אם אינך יכול 
להימנע משימוש ברקע בעל מרקם, השתמש לפחות 
במרקם עדין במקום מרקם שיקשה על הקורא לראות מה 
נמצא בדף. 





תצוגת דוגמאות מסך 
(507667050%5) 


פעמים רבות משתמשים 
בדוגמאות מסך של אתר 
בתיעוד שלו, בכתבה 
בעיתון ובהקשרים רבים 
אחרים. לרוב מומלץ 
לחתוך את חלקי הדפדפן 
מהתמונה. עליך להתמקד 
בתשומת הלב של הקורא 
לעיצוב הדף, ולא לגרסת 
הדפדפן בה השתמשת 
לעיבוד הדוגמה. 


אם אתה משאיר את 
הדפדפן בדוגמה, או אם 
ישנם רכיבים אחרים של 
המסך המציגים את 
כתובת ה-081 של הדף 
המדובר, חשוב לוודא כי 
זה זהה לזה שנצפה 
על ידי המשתמשים. 
פירוש הדבר שעליך ליצור 
דוגמאות מסך מתוך 
הגרסאות הפעילות של 
האתר ולא מתוך שרת 
הפיתוח הפנימי שלך. אם 
תופיע כתובת !חש 
פנימית בתחום דוגמת 
המסך, תוכל לתקן את 
הבעיה בעורך גרפי. 








תיעוד מקוון 


תמיד עדיף לעצב ממשקי משתמש קלים ללמידה שלא 
דורשים תיעוד, ואסור שברירת המחדל תהיה שחובה 
לקרוא את דפי העזרה, כדי לנווט את דרכס. ברוב 
המקריס, משתמשי האינטרנט כה חסרי סבלנות עד 
שהס לא יהיו מוכניס לקרוא תיעוד מקוון. לא נהוג 
שהגלישה באתר תלווה בספרי הפעלה. 


למרות זאת, לעיתיס המשתמשים חייבים לפנות 
למידע מסייע. משתמשי אינטראנט משתמשיס 
באותס הדפיס פעס אחר פעם, ולכן הס ירצו להקדיש 
זמן כדי לדעת איך להשתמש בהם בצורה יעילה. 
פעולות מורכבות או מתותחכמות (למשל שימוש במנוע 
חיפוש) עשויות לדרוש גס הן מדריכיס או עזרה מקוונת. 


משתמשי האקסטראנט 8080 אם) הס כאלה שנבחרו 
מתוך שותפיך העסקיים (לקוחות וספקים), ולכן יש 
להם רצון ללמוד איך להשתמש בעיצוב האקסטראנט 
שלך בצורה הטובה ביותר. רשתות האקסטראנט, עס כל 
הכבוד לרצון המשתמש ללמוד, דומות יותר לאינטראנט 
60ח8ח1) מאשר לאינטרנט (667060ח1), בה המשתמשיס 
גולשיס בחופשיות, ואינס רוציס לבזבו ומן על למידת 
אופן השימוש באתריס מסוימים, משוס שישנס כל 
כך הרבה אתריס כאלה. עיצוב אקסטראנט יכול 
להקיף קצת יותר יישומיס בהס המשתמשים עשוייס 
להודקק לדפי עזרה או לחומריס מודפסים, כגון: 
מדריכים, תקציריס וטבלאות עור. כמובן שכל מידע 
שנמצא בחומר מודפס צריך להיות זמין גס בגירסה 
מקוונת, משוס שמשתמשים רבים יעדיפו לוותר על 
התיעוד המודפס, או שהוא לא יימצא בשעת הצורך 
והתיעוד המקוון יהיה מקור המידע הזמין היחיד. 


למרות שכמה יישומי פ6/\ עשויים לכלול עזרה 
מקוונת ותיעוד, חשוב לוּכור את החוק הראשון של 
נילסן אודות ספרי הפעלת מחשבים : המשתמשיס לא 
יקראו את התיעוד מרצונס החופש:י. 


למעשה, הפעם היחידה שהמשתמשים נוגעים במדריך 
היא כשהם בצרה ואינס יכוליסם להשתמש במערכת. 
ברוב אתרי ה-פ6//, משמעות הדבר היא שהמשתמש 
נזרק מהאתר ולא ישוב אליו לעולס. ביישומי 60/\ 
יוקרתייס וברשתות אינטראנט ואקסטראנט, 
המשתמשים עשויים לרצות לעבור לקישור טקסט 
המוביל לדף עזרה, ולקרוא את המינימוס ההכרתי 
לצורך השלמת המשימה. 
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דף החיפוש של 5%₪ו/58|ה מציע עזרה מסוג "סוחוד-ח56-1גונ" (בדיוק בזמן) מתחת לשדה הקלט 
של הטקסט ונותן לפמשתמשים טיפ אודות תחביר החיפוש של המנוע. למרות תצוגת הדף 
המפוזרת, קרוב לוודאי שהמשתמשים יבחינו בטיפ אם הם מעונינים ללמוד כיצד לבצע חיפושים 
מתקדמים, משום שהטיפ הוצב בדיוק בנקודה עליה המשתמש יביט, כשהוא יחפש דרך ללמוד 
את תחביר החיפוש. 


הניסוח של טיפ זה מלוקק מדי לטעמי וקרוב לוודאי שהוא יבלבל את המשתמש יותר משהוא 
יסייע לו. כללית, מומלץ להשתמש בדוגמאות רציניות ולא בדוגמאות הומוריסטיות בניסיון לסייע 
למשתמשים להבין כיצד להחיל את הפתרון על הבעיה שלהם עצמם. בעיה נוספת בעיצוב זה 
היא שלחצן העזרה (כ!6) נמצא רחוק מהטיפ. כדאי להציב קישור טקסט המצהיר על משהו 
כגון "טיפים נוספים" מתחת לטיפ עצמו. יש רכיבי עיצוב רבים אחרים בדף זה, ולכן משתמשים 
רבים לא יראו את לחצן העזרה, והם לא יבינו שהם יכולים לקבל עזרה נוספת מעבר לטיפ. 


0 עיצוב ממשק באינטרנט 





























התקנת תוספים 
אוטומטית 


מפתה לחשוב שבעיית 
התוספים (פח1-פָטוק) 
נפתרה על ידי היכולת של 
הדפדפן להוריד ולהתקין 
אוטומטית כל תוכנה 
נדרשת. אין הדבר כך. 
עדיין יש את זמן ההשהיה 
של ההורדה, המשתמשים 
צריכים לקרוא בעיון מה 
הם מורידים ומאיזה אתר. 
אז עולות וצפות השאלות 
על וירוסים, סוסים 
טרויאנים גם "כמה נפח 
זה תופס?" ו- "האם יש 
להפעיל את המחשב 
מחדש, לאחר התקנה, כי 
אז צריך לשמור את כל 
המסמכים הפתוחים!". 
ומעל לכל, המשתמשים 
אינם אוהבים הפרעות 
בגלישה בצורת המתנה 
להורדה בלתי צפויה. 
בנוסף, יש תמיד את 
הסיכון בכך שההתקנה 
הזו ץו=-6חד-ח0ס תגרום 
לקריסת המחשב. אם 
האתר שלך אחראי 
לקריסת המחשב, אתה 
יכול לשכוח מהמשתמש. 





כתיבת תיעוד דורשת מיומנות מיוחדת, ואני ממליצ 
שתשכור כתב טכני מקצועי כדי לכתוב את דפי 
העזרה, התיעוד המקוון, וכל ההוראות המודפסות. 
בפרויקטים גדולים יותר, יש לצרף את הכתב הטכני 
לצוות מההתחלה, משוס שתכנון התיעוד צריך 
להשתלב בכל שלבי העיצוב. בפרויקטים קטנים יותר 
ניתן למסור את עבודת הכתיבה לקבלן חיצוני. 


הנה כמה כללים הבסיסיים לתיעוד מקוון: 


6% המשתמשים פוניס לתיעוד רק כשיש להם בעיה 
מסוימת, ולכן חשוב לאפשר חיפוש בדפים אלה. 


% יש להוסיף דוגמאות רבות לתיעוד מקוון: 
למשתמשים קל הרבה יותר ללכת אחרי דוגמאות 
ולהתאיס אותן למקרה שלהם, מאשר להחליט 
מה עליהס לעשות מקריאת תיאור כללי. 


% יש לארגן את ההוראות בצורת משימות, 
ולהדגיש כיצד לעשות דבריס צעד אחר צעד. לא 
כדאי להוסיף מידע אודות הרקע של הבעיה 
משוס שממילא המשתמשים ידלגו עליו. 


*> למרות הכלל הקודם, אפשר לספק מודל קצר 
המתאר את המערכת, ולכלול תרשים שמסביר 
כיצד החלקים השונים פועלים יחדיו. 


*% יש להשתמש בקישורי טקסט למילון מונחים 
שיסביר רעיונות מסובכים או מונחיס שקשוריס 
למערכת. 


> כמו בכל דבר אחר ב-65/\: היה תמציתי. 


אינני יכול לחשוב על דרך להדגיש מספיק את הצורך 
בדוגמאות. כל משתמש שראיינו אי פעס בנושא תיעוד 
מחשב דרש יותר דוגמאות. 


מולטימדיה 


המולטימדיה צוברת פופולריות ב-60/\ ומוצאת ביטוי 
בטכנולוגיות רבות התומכות בהנפשה, וידאו וקול 
כדי לתמוך במדיה המסורתית של טקסט ותמונות. 
מדיה חדשה זו מציעה יותר אפשרויות עיצוב, אך 
היא דורשת משמעת חזקה יותר. שימוש לא מבוקר 
במולטימדיה יביא לממשק משתמש שיבלבל את 
המשתמשיסם ויקשה עליהס להבין את המידע. לא כל 
דף 65/\ חייב להפציצ את המשתמש בכמות עצומה 
של מראה ותנועה. 
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(בעמוד הבא) ה-החט1056! חהוזסזחטח שבכתובת 
והט6פט1]/אט.6ה. ה!ף. וצו מספק כמה סרטוני וידאו 
שמחוברים לתערוכה אודות הרומאים בסקוטלנד. שים לב 
כיצד יש לכל קישור וידאו ציון אורכו וכן חישוב זמן ההורדה 
הדרוש (באיזה סוג חיבור? קקק, א150, או כבלים?). הייתי 
מוסיף גם את גודל הקובץ ביחידות ₪8. התצוגות 
הממוזערות של הסצנות מתוך הסרטונים עוזרת להחליט 
אם יש למשתמש עניין בכל סרטון. חספחחסנ 5וזח6, 
מאוניברסיטת גלזגו, חקר ילדים בני 12-13 על ידי שימוש 
בגרסאות שונות של אתר המוזיאון, ושאל את דעתם על 
זמני ההורדה. התשובה השכיחה ביותר היתה "לא משביע 
רצון", כשהם ראו דף שסיפק רק את רשימת כותרות 
הסרטונים (כלומר, "לבישת חליפה רומית" ו"בגדים 
רומיים"), אך התגובה השתנתה ל- "מצוין" כשהם השתמשו 
בדף כמו זה, המציג גם מידע מקדים על כל סרטון. לפיכך, 
אפילו בזמני התגובה הזהים, המשתמשים אהבו יותר את 
האתר, כשקיבלו תמיכה טובה יותר בבחירת הסרטונים 
המעניינים אותם. ה-65/\ איטית כל כך עד שאינך יכול 
פשוט לתת לגולשים לחקור את האתר שלך ללא שתנחה 
אותם כיצד להיזהר מהמכשולים שבדרך. 


מולטימדיה בצד הלקוח 
לעיצוב המולטימדיה בצד הלקוח יש עוד כמה מגבלות זמן תגובה שיש להתחשב בהן: 


% כדי שהמשתמש יקבל תחושה שהוא שולט ישירות על האובייקטים במסך, נדרש זמן 
תגובה של עשירית שנייה. לפיכך, הזמן מרגע שהמשתמש מקליד אות במקלדת או 
מזיז את העכבר עד שהאפקט הרצוי קורה, חייב להיות מהיר יותר מעשירית שנייה, 
כשהמטרה היא לאפשר למשתמש לשלוט באובייקט מסך (לדוגמה, לסובב דמות 
תלת-מימדית או לראות חלונות צצים בזמן מעבר על מפת תמונה (כַהּ8סאַבח1). 


אם לא נדרשת תחושת קשר פיסי בין פעולת המשתמשים לתוצאה על המסך, ניתן 
לקבל זמני תגובה של שנייה אחת. כל תגובה איטית מזו תגרום למשתמש להרגיש 
שהוא ממתין למחשב במקום לפעול בחופשיות עם הנתונים. לכן, לדוגמה, קפיצה לדף 
חדש או חישוב מחדש של גיליון אלקטרוני חייב לקחת לא יותר משנייה אחת. כשזמני 
התגובה עוברים את השנייה הזו, המשתמשים משנים את התנהגותם כלפי המערכת 
והם משתמשים בה בצורה מוגבלת יותר (לדוגמה, הם לא ינסו את אותו מספר 
האפשרויות או יעברו לאותו מספר הדפים). 
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צ\ו0פ8ה]) 01 ץזופזסצות11 ותטספט]/\ מהחטותטות 


. 5חסספפטף החואוס!ום? בר זפ יפב חב 5מווס ספפול פ5פר0 זס פוקטופס 3 35 אספ! 3 פצב 


?7 פס ||63 5זפום|50 5חב רסא 00 6בח// .1 % 

?רוס זופרש 85 הברס 00 פזפח/ .2 9 9% 
?סב או חב 503 + ב 5ספחו ,5ב םס ,58 5 הב רסח סם בח .3 % 

?5078 ||ב עו פהוהסטחג פרט 3085 חב 5500 חו פחצווסס סאעוס הפוח או הפפ שוספם .4 % 


30 085108 השצסר5 15 פחזס ההוהחגח קוו פד . אחו| 8% פקץח בר 58!805 15 סט סס פצבּח םצץ ווה 
8 35 80צ150!3 15 חח ב בם!|חאוס פר , 'בש!' ס חח 508 53885 ספהו חסבּם . פסם מווס 

בר חס חהססטוט ‏ 50 פר חַח58!800 צם הַחובם! פויסוח 3 550 חבס גוס . ה88ז0ס50 פר₪ + וחסססט 
הפוא טוסץ א זפ סחב 58!805 .זב 60010 480556308 


קוסע חוכ 5חבּו- ₪ 

קט 55בזם עפרט 35 5!ומטכ וססח56 זב חש בוטב חזפטוחו6 חופנ 
שר כס 6ו15 ב חס 5|3/85 חב 583075 , 5זפום|50 הב וחסח 5בּ 
הח15\רח 


(5805 22 רשהַח8! מווס) 
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אס חב 15 פוה ב חא 588 . חחו085 הַחַ650זססחו חב ₪35 07855 הבחסם ה 
30 סז 3 1580 30185| הבּוחסח בר 


(5805 34 הסַחפ! מוום) 
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המתנה להתפתחות 
התוכנה 


לא משנה באיזה 
טכנולוגיות מולטימדיה (או 
וידאו) אתה משתמש, 
תמיד כדאי להישאר לפחות 
שנה אחת אחרי 
ההתפתחויות האחרונות 
בתוכנות הנגינה. נכון 
להיום, יש צורך בלפחות 
שנה אחת לפני שהתוכנות 
הזמינות יהיו מספיק 
בשימוש ויהיה בטוח 
לסמוך עליהן. הגבל את 
עצמך לקידוד קבצים 
לפורמטים שיעבדו גם עם 
תוכנה ישנה, משום שרוב 
המשתמשים שלך לא 
שדרגו עדיין לתוכנות 
מעודכנות. אם המשתמש 
ייאלץ להוריד תוסף חדש 


או להתקין תוכנה חדשה 
כדי לצפות באתר שלך, רוב 
הסיכויים שהוא יעזוב. 


במקום לדרוש 
מהמשתמשים להתקין 
תוכנה מיוחדת כדי להיכנס 
לאתר שלך, מומלץ לספק 
תצוגה מוקדמת של תוכן 
המולטימדיה, אליה ניתן 
להגיע בעזרת דפדפן פשוט 
וישן בלבד (שתי גרסאות 
אחורה). אחרי 
שהמשתמשים יראו את 
התצוגה המוקדמת, הם 
ירצו יותר להשקיע את 
זמנם ומרצם (ולהסתכן 
בקריסת המחשב) כדי 
להשיג את התוכנה 
הנחוצה. אם אין להם מושג 
טוב מה הם יקבלו, מדוע 
שהם יטרחו לעשות זאת? 
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זמן תגובה 


רביס מרכיבי המולטימדיה גדולים, וזמן ההורדה 
שלהם ברוחבי הפס הזמיניס לרוב המשתמשים ארוך 
להחריד. משוס כך מומלצ לציין את סוג וגודל הקוב 
בסוגרייס אחרי הקישור שמוביל אליו, אס מדובר 
בקובצ שזמן ההורדה שלו ברוחב פס נפוץ הוא למעלה 
מ-10 שניות. אס אינך יודע מהו רוחב הפס של רוב 
המשתמשים, עליך לערוך סקר כדי לגלות ואת, משוס 
שמידע זה חשוב גם לנושאי עיצוב אחרים. נכון 
להיום, יש לרוב המשתמשים חיבורי 005א56, כלומר 
יש להוסיף התראה לכל קוב שגדול מ- 8א50. 
למשתמשים עסקיים יש לרוב רוחב פס גדול יותר, אך 
עדיין עליך לסמן קבציס שגדוליס מ- 200%8. בנוסף, 
הקפד לציין את אורך הסרטון, וכן את סוג הקוב אס 
אתה משתמש בפורמט לא סטנדרטי. 


לפני שהמשתמשים יחליטו להשקיע בהורדת 
מולטימדיה ארוכה, הס צריכיס לדעת לאן הס 
הולכים. הס לא ילחצו על משהו רק בגלל שהוא זמין. 
יש יותר מדי דבריס כאלה ב-60/ו. 


לכן עליך לספק תצוגה מקדימה של כל פריטי 
המולטימדיה בדפי )₪419 פשוטיס. במקרה שמדובר 
בסרטוני וידאו, נהוג לכלול תמונת סטילס אחת או 
שתיים. בנוסף, בין אס מדובר בוידאו ובין אם זה 
קוב קול, צרף סיכוס קצר ובו תיאור של מה 
שהמשתמש יראה או ישמע. 


תמונות 


יש לצמצס את כמות הגרפיקה בדפי פ6)\ בשל זמני 
ההורדה הארוכים שהם דורשים. גרפיקה מוגזמת 
חייבת להיעלם, כולל כל עותקי הטקסט שהומרו 
לקבצי תמונה (פרט לכותרות שמשולבות כל כך טוב 
עס גרפיקה עסקית, עד שהן חייבות להיות חלק 
מקובצ התמונה עצמו). 


אפילו במצב הזה, המשתמשים ירצו לראות את 
תמונות המוצריס שהם יקנו, משוס שהם לא יכולים 
לגעת ולהרגיש אותס בדרך אחרת. בדף ביוגרפיה, 
מומלץ גס לכלול את תמונת האישיות או טקסט 
שמתמקד בה. ישנס מקריס בהסם האימרה ייתמונה 
שווה אלף מיליס"י מתאימה עד כדי כך שהיא מבטלת 


(בעמוד הבא) תמונת המוצר 
העיקרית של הווקמן נראית 
בסדר, למרות שכדאי לתמוך 
בה בעזרת קישור לצילום 
מוגדל של המוצר - אולי אפילו 
לתמונות מכמה זוויות, כולל 
מבט טוב יותר על האוזניות. 
טור התמונות הממוזערות 
חסר תועלת בהכוונת 
המשתמשים לדגמים נוספים. 
אינך יכול לדעת מה ההבדלים 
בין המוצרים הללו רק מצפייה 
בתמונות. כדי להוסיף חטא 
על פשע, אתה יכול לראות את 
מחירי המוצרים החלופיים רק 
אם תעביר את סמן העכבר על 
פני הטור. השוואת המחירים 
קשה בהרבה כשניתן לראות 
רק מחיר אחד בזמן נתון, 
והמשתמשים נאלצים לבזבז 
את זמנם בהזזת העכבר על 
פני הדף: זה לא מתאים 
ל-60/)\. שתי בעיות נוספות 
בדף זה: 

% השימוש בניגוד נמוך בין 


צבע טקסט (אפור בהיר) 
לצבע הרקע (לבן). 


% תיאור המוצר וההדגשה 
על השיווק, במקום לספק 
סיכום קצר המראה איך 
הלקוחות יכולים 
להשתמש בו. 


את האימרה ייתמונה מצריכה ומן הורדה של אלפיים 
מילים'י. 


הדרך לפתור את הסתירה בין שתי ההנחיות הללו 
היא לנצל את תכונות קישורי הטקסט של ה-טפ/ש. 
דפיס ברמה עליונה צריכיס לצמצס את מספר 
הדוגמאות משוס שהמשתמש עדיין לא הביע עניין 
בפריט מסויס אותו יש לתאר. לאחר שהמשתמש עבר 
לקישורים המובילים לדפיס ספציפיים יותר, אתה 
יכול להוסיף יותר תמונות. דף מוצר ברמה עליונה 
צריך להכיל לרוב תמונה קטנה של המוצר, אך רובו 
צריך להישאר טקסט וטבלאות. אס המשתמש באמת 
מעוניין במוצר, הוא יעבור מדף המוצר לקישוריס 
שמכילים תמונות נוספות, ויהיה גס מוכן יילסבוליי 
את וּמן ההורדה (המתנה). על תמונות אלו להיות 
גדולות מספיק כדי להכיל את כל הפרטים שיעזרו 
להחליט על רכישת המוצר. 


הקטנת התמונה 


הדרך המסורתית להפקת גרסאות קטנות של תמונות 
היא ליצור תמונות ממוזערות (5!וחטוחטחד) בתוכנת 
גרפיקה על ידי שימוש בפקודת שינוי הגודל (665226). 


לרוע המזל, אס יש פרטיס רביס בתמונה, הס ייעלמו 
בשלב ההקטנה ולא ניתן יהיה לזהות אותס. בשיטת 
8חוסססז6 (גזירת חלק מתמונה) נשמריס הפרטיס 
שבתוך שטח התצוגה החדש, אך זה נעשה במחיר 
הפסד תוכן התמונה הכללי. אני ממליצ לשלב בין 
9חומקסז6 ל-פַחו|568 בטכניקה שקראתי לה בשס 
הקטנת תמונה תוך שמירה על המשמעות 

(חסו60060ז 806ח! 80660 0ח₪6!6/8766-6). לדוגמה, 
כדי לקבל תמונה ממוזערת בגודל 10% מהתמונה 
המקורית, חתוך (ססז6) את התמונה ל-32% מגודלה 
המקורי ולאחר מכן השתמש ב-4ַחו|508 כדי להקטין 
את התוצאה ל-32% מגודלה. התמונה המקורית 
תהיה בגודל 0.32=0.1א0.32 מהמקור. 
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שני איורי המחשה שעיצבתי עבור אתר הסרט "58716" 
של |חו822ח8סד 66טזם, אותו הוא עשה עבור 
160555 חט5. שתי ההדגמות מבוססות על אותה 
תמונת הסטילס שנלקחה מהסרט. התמונה הקטנה 
מקושרת לתמונה גדולה יותר. בדיקות המשתמשים 
שערכתי העלו שהגולשים תמיד לחצו על התמונה כדי 
לקבל מידע נוסף אודות הרכיבים השונים שבה. 
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לעיתים, לא ניתן לכלול תמונה בגודל מלא בדף 
הראשי של האתר. הנה דוגמת סטילס מתוך הסרט 
"ו" 
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שתי הגישות המסורתיות להקטנת תמונות הן חיתוך 
(פחוקקסז6, משמאל) ושינוי גודל (פַחו|568, מימין). לרוע 
המזל, חיתוך מביא לאיבוד תוכן, במיוחד אם התמונות 
נחתכות לגודל קטן, ומזעור מוביל לאיבוד נתונים ומקשה 
על המשתמש לראות במה עוסקת התמונה. 
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טכניקת הקטנת 
התמונה תוך שמירה 
על המשמעות, 
משמרת הן את 
הקונטקסט והן את 
הפרטים, אפילו 
כשהתמונה קטנה 


מאוד. בדוגמאות אלו, וסט | ווח 
חצי מההקטנה הושגה זוז 5ז 
₪ 
על ידי חיתוך התמונה 
(תוך שמירת מרכז 
הפעולה במרכז שטח 
התצוגה שהתקבל, 
והחצי השני מוזער. 


יי 
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הניסיון הראשון שעשיתי ליצור 
מצגת שתספר את הסרט 
"536" של חט5. עיצוב זה לא 
טוב, משום שהוא דורש גלילה 
כדי לראות את הסצנה השלמה 
ומשום שתמונות הסטילס 
גדולות מדי ודורשות זמן הורדה 
ארוך. בבדיקות שימושיות, 
מצאתי גם שהמשתמשים לא 
רוצים לקרוא סיכומי תסריט כמו 
אלה שמוצמדים לתמונות. ידוע 
שהגולשים לא רוצים לקרוא 
טקסט ארוך ב-60/\, ודבר זה 
נכון גם לרכיבי הטקסט של 
עיצובי מולטימדיה. 
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(בעמוד הקודם) עיצוב טוב 
יותר של מצגת סיפור עבור 
אותו סרטון הוידאו. כאן, 
התמונות המוקטנות 
דורשות פחות שטח, 
ומאפשרות הצבת שתי 
תמונות בכל שורה. ניתן 
לצפות בעיצוב שהתקבל 
ללא גלילה במסכים גדולים. 
שים לב גם לאפשרות 
להשמיע את ערוץ הקול 
שמתלווה לתמונות. 
משתמשים רבים מעדיפים 
לצפות במצגת התמונות 
ולשמוע את הקול, כדי לקבל 
תחושה של צפייה בסרטון 
המקורי. 


הנפשה 


לתנועה של דמויות יש השפעה רבת עוצמה על מנגנוני 
הקליטה האנושית. זהו אינסטינקט הישרדות 
מהזמניס בהם היה צורך עליון לחיוהר מחיות טרף. 


כיוס, לא אורבת לנו סכנה מחיות הטרף, אך כל דבר 
שינוע בתחוס הראייה של בן אנוש עדיין יסב את 
מירב תשומת ליבו: קשה מאוד להתרכז בקריאת 
טקסט שנמצא במרכז דף מסויס אם יש באותו דף 
לוגו מסתובב בפינה. להנפשה (חסוחוחה) יש מקוס 
בעיצוב ל-ס6/צ, ושימוש נכון בה מתואר בהמשך סעיף 
זה, אך באופן כללי מומלצ להשתמש בה כמה שפחות. 
שאל את עצמך אס אתה יכול להעביר את הרעיון שלך 
גס ללא הנפשה. אס התשובה היא כן, חסל את 
ההנפשה. בנוסף, לעולס אל תיצור הנפשה שחוזרת על 
עצמה. תן לה לפעול כמה פעמים ועצור אותה לאחר 
מכן. 


משתמשיס מעטים סבוריס שההנפשות יימדליקות", 
או שהן מציינות שנעשתה עבודה רבה בעיצוב האתר. 
רוב המשתמשים טועניס שההנפשה מטרידה אותם. 

כמעט כל המשתמשים לא סובלים טקסטים בתנועה 
(066ז18!) או טקסטיס בתנועת גלילה. 


רצוי שלא יהיה מידע חשוב בטקסט נגלל משוס 
שתמיד יהיה חלק מהטקסט מחוצ לגבולות המסך. 
לראשונה, נעשה שימוש בטקסט בתנועה במסכיס 
באולמות המסחר בבורסה בארהייב בגלל מגבלות 
טכניות שמקורן בתקשורת צרת פס (צרה מאוד). 


ההנפשה (חסוז8וח) טובה לשבע מטרות, שכל אחת 
מתוארת בפירוט רב יותר בהמשך: 


הקניית תחושת רצף במעברים. 
ציון מימדיס במעברים. 
הדגמה של שינוי על ציר הזמן. 
ריבוב התצוגה. 

העשרת מצגות גרפיות. 


המחשת מבניס תלת-מימדיים (כ3). 


6 % 6 6 6 9 % 


משיכת תשומת לב. 
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מצב נדיר של שימוש יעיל ב-מְַ38/56. כשהמשתמש נע 
על פני רשימת המחירים, המושבים המתאימים מוארים 
בתרשים התיאטרון. זהו אפקט הנפשה פשוט, שמציין 
חזותית את החיבור בין מה שקורה בשני חלקי המסך. 
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רצף במעברים 


כשיש למשהו שני מצבים או יותר, קל יהיה 
למשתמשיס להבין את המעבר בין המצביס הללו אס 
המעברים יונפשו במקוס שהס יתרחשו מיידית. מעבר 
מונפש מאפשר למשתמש למפות את חלקי המשנה 
השוניס בעזרת מערכת תפיסתית (|08ז660ז6ק) במקוס 
לערב את המערכת ההכרתית (6ע0וחף60) ובכך 
להפחית את עומס המיפוי. דוגמה טובה לכך היא 
הוכחת משפט פיתגורס (82+02=62) על ידי הנפשת 
התנועה של מגוון משולשיס ומרובעיס להדגמת 
הטיעון ששני אזוריס הס באותו הגודל 

(/3740/ 80 30 ]| 8-8 ס6. 4600005 עשצ/ /:כת). 


ציון מימדים במעברים 


לעיתים, ניתן להשתמש בתנועות מונפשות מנוגדות, 
כדי להציג תנועה קדימה ואחורה לאורך ציר כלשהו. 
לדוגמה, ניתן להציג דפדוף בסדרה של עצמים על ידי 
תנועה מונפשת של דפדוף קדימה משמאל לימין 
ודפדוף אחורה מימין לשמאל (בעברית). ניתן 
להשתמש באפקטים מונפשים נוספיס כדי להמחיש 
את הצעד הבא, או מה יקרה אם. לדוגמה, ניתן להציג 
מעבר לקישור טקסט להערה תחתונה (ססחססס=) 
בעזרת הנפשת יילמטהיי, וכן ניתן להמחיש מעבר 
לסדרת אובייקטיס על ידי הנפשה של ייפרח נפתת'י. 


אחת הדוגמאות השכיחות היא לעשות תקריב (ח01ס2) 
לאובייקט עליו מצביע המשתמש. כך יכול המשתמש 
להבחין שהאובייקט עליו הוא מצביע ייגדוליי יותר 
משאר האובייקטיס. באותה גישה, מיושמות 
אנימציות נוספות המתרחשות בעת המעבר על 
האובייקט (זפצ60פטסואחס), כגון: תזוזה, רקע, צליל 
ולמעשה כל ייטריקיי שימשוך את העין. יש לשמור על 
אחידות הביצוע. אס החלטת 'ילהקפיציי את 
האובייקט חמישה פיקסלים למעלה ושבעה פיקסליס 
לימין - עשה ואת לכל האובייקטים. 


הדגמת שינוי לאורך זמן 


ההנפשה היא תצוגה שתלויה בזמן, ולכן היא מספקת 
מיפוי אחד-לאחד של תופעה שמשתנה לאורך זמן. 
לדוגמה, אפשר להדגיס את תהליך כריתת יערות 
הגשס או החור באוזון על ידי הצגת מפה מונפשת 
שהתצוגה בה משתנה לאורך ומן. 
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תופעות לא רצויות 
בהנפשה 


לפני שהבאנרים (5ז68חח28) 
יעלמו לנצח, הם הספיקו 
להביא עימם מכת מוות 
לטכניקת עיצוב שימושית 
אחת. בניסיון להשיג 
פופולריות בדירוג לפי 
מספר לחיצות, 
המפרסמים הנפישו את 
הגרפיקה בפרסומות 
בצורה מסיבית בעזרת 
הבהובים ותנועות 
מיותרות. להנפשות אלו 
אין שום יתרון שימושיות 
כלפי המשתמש 
ומשתמשים בה פשוט כדי 
לנסות למשוך את תשומת 
לב המשתמש לדבר לא 
קשור ושהמשתמש לא 
רוצה להביט בו. 
המשתמשים הבינו זאת 
והם מדלגים על רכיבי 
עיצוב שנעים תוך אמונה 
שהם כנראה חסרי תועלת. 
עצוב אבל נכון. לרוב, 
הגולשים יביטו פחות 
ברכיבי עיצוב ככל שהם 
ינועו יותר. בנוסף, 
מתחילה להתמסד הנחיית 
עיצוב יציבה שאומרת 
שאין לכלול כל רכיב 
ממשק שנראה כמו סרגל 
פרסומת (זפחח88) משום 
שהמשתמשים יתעלמו 
ממנו. 
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ריבוב תצוגה 


אפשר להשתמש בהנפשה גם כדי להציג כמה 
אובייקטי מידע באותו המרחב. דוגמה טיפוסית היא 
מפת תמונה (10806₪880) בצד הלקות, עס הסבריס 
שצציס כשהמשתמש מעביר את הסמן על אזוריס 
באותה מפה. ניתן גס לסמן את האזורים הפעילים על 
ידי הארה, או להקיף אותס בדוגמת 'ינמליס 
צועדות'י. כמו תמיד, האובייקטיס צריכים לנוע רק 
במקומות המתאימים, לדוגמה, כשהסמן נמצא על 
התמונה או על אזור בתמונה (תלוי בהקשר). 


העשרת מצגות גרפיות 


קל יותר להמחיש חזותית סוגיס מסוימים של מידע 
בעזרת תנועה מאשר בעזרת תמונה קבועה. הנפשה 
יכולה להעלות את רמת ההבנה של סמל. כמובן שיש 
להנפיש סמל רק כשהמשתמש מביע בו עניין מיוחד 
(לדוגמה, על ידי הנחת סמן העכבר עליו או על ידי 
צפייה בו למשך יותר משנייה, אס ניתן לעקוב אחרי 
תנועת העין). אס כל הסמלים יונפשו כל הזמן, אז 
תוסח דעתו של המשתמש מהפעולה המקורית. 


המחשת מבנים תלת-מימדיים 


מסך המחשב הוא דו-מימדי, ולכן המשתמשים אינס 
יכוליס לקבל המחשה מלאה של מבנה תלת-מימדי 
בהדגמה אחת, לא משנה כמה היא עוצבה טוב. אפשר 
להשתמש בהנפשה כדי להדגיש את טבעס 
התלת-מימדי של עצמים, ולהקל על המשתמשים 
לראות את המבנה המרחתבי שלהם. 


אפשר להניע עצמיס תלת-מימדיים על פי פקודות 
המשתמש, אך עדיף שהמעצב יחליט מראש כיצד 
להנפיש את התנועה בצורה שתמחיש את הבנת העצס 
טוב ככל שאפשר. ניתן להפעיל הנפשה מתוכננת זו על 
ידי כך שהמשתמש יציב את הסמן על העצם, ובכך 
המשתמש יצטרך להבין כיצד לטפל בעצם, דבר 
שקשה לעשות בעזרת התקן פיקוד דו-מימדי כמו 
העכבר, שנמצא ברוב המחשבים. למעשה, אף פעם לא 
נגיע לשליטה תלת-מימדית בתפוצה גדולה, עד 
שיעמדו לרשותנו התקני שליטה תלת-מימדיים 
אמיתיים. 





שתי דרכים שונות להמחשת 
כלי המחיקה שבעזרתו 
מסירים פיקסלים ביישומים 
גרפיים. הסמל הוא של 
מחק, כפי שמוצג בצד 
שמאל, אך במחקרי 
המשתמשים שערכתי גיליתי 
לעיתים שהגולשים חושבים 
שסמל זה הוא כלי לשרטוט 
תיבות תלת-מימדיות. ניתן 
להשתמש לחילופין בסמל 


מונפש כפי שמוצג בתרשים. 


כשהסמל מונפש, המחק נע 
על גבי הרקע והפיקסלים 
נמחקים. ההנפשה ממחישה 
את פעולת הכלי ותורמת 
להבנת תפקידו. 








משיכת תשומת לב 


בעזרת הנפשה ניתן לשלוט במודעות החזותית של 
המשתמש. אס המטרה היא למשוך את תשומת ליבו 
לרכיב יחיד מתוך כמה או כדי להבליט מידע מעודכן, 
הרי שכדאי להשתמש לשם כך בהנפשה. יש להציג את 
הטקסט בעזרת הנפשה חד-פעמית (לדוגמה, טקסט 
שגולש מצד אחד, גדל מהאות הראשונה והלאה, או 
גדל כולו) ולעולס לא בעזרת הנפשה שחוזרת על 
עצמה, משוס שקשה יותר לקרוא טקסט נע מאשר 
טקסט נייח. יש למשוך את המשתמש לטקסט החדש 
בעזרת ההנפשה ההתחלתית, ולאחר מכן לאפשר לו 
לקרוא את הטקסט ללא הסחת דעת נוספת. 


בהתחלה, נראה שאפשר לנמק כל שימוש בהנפשה 
במסווה של יימשיכת תשומת לביי. ההבחנה בין 
משיכת תשומת לב מקובלת למוגזמת נקבעת לפי 
הערך שהיא תוסיף להבנת המשתמש המצוי. נתח את 
הפעולה מנקודת מבטו של המשתמש הממוצע, כדי 
לדעת אס ההנפשה תסייע לו לבצע משימה טיפוסית, 
או כזו שמתבצעת בתדירות גבוהה, בכך שמשהו יופיע 
לפניו. במיליס אחרות, לא מקובל להציב חמש 
מודעות שצועקות ייהסתכל עלייי. זה יועיל למפרסם, 
לא למשתמש. 


דוגמה להנפשה עס ערך למשתמש היא אתר אישי 
המכיל תמונת כיתת תיכון עס קישור למשהו כגון 
ייראה את תמונת כיתת התיכון שלייי. אס המשתמש 
יפעיל את הקישור, או מספיק שיניח את העכבר עליו, 
יתווסף עיגול ו/או חצ שמצביע על כותב האתר 
בתמונה. כדוגמה נוספת, ניתן לקחת דף המכיל חומר 
רב, שבו יש פריט חדש או חשוב. במקרה כזה, אפשר 
למשוך את תשומת הלב של המשתמש לאותו הפריט 
בעזרת הנפשה חד-פעמית. 
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קשה להחליט אם השימוש בהנפשה בלחצן זה הוא מתאים, 
אך בהתחלה חשבתי שהוא טוב. עיצוב הלחצנים שלנו כלל 
שלוש שורות טקסט בלבד ורק השורה האמצעית הונפשה, 
ובכך היא אפשרה למשתמשים לקרוא את הטקסט החשוב 
בשתי השורות החיצוניות. הניסיון הראשון שלנו (שורה 
עליונה) השתמש באפקט גלילה בשורה האמצעית, אך 
נאלצנו לנטוש את הרעיון כתוצאה מעוינות המשתמשים. 
כחצי ממשתמשי הניסוי שלנו גילו תגובות סרקסטיות כלפי 
הטקסט הנגלל ומשתמש אחד התעלם ממנו משום שהוא 
חשב שמדובר בפרסומת. הניסיון השני (שורה אמצעית) 
השתמש בהנפשה עדינה מאוד ולא יצר רגשות דחייה, אך 
בעיצוב הסופי יצרנו לחצן לא מונפש (שורה תחתונה). 


מטרת הלחצן היא למשוך את המשתמשים לבצע סקר 
באתר. בתחילה חשבנו שההנפשה נחוצה, משום שהלחצן 
לא היה חלק אינטגרלי מעיצוב הדף, ולא היה לו מקום 
הגיוני, משום שהוא היה זמני. בניתוח הסופי, ההנפשה 
גרמה לרגשות שליליים אצל המשתמשים, ולכן לא 
השתמשנו בה. החלטנו על לחצן סטטי שלמרות שהוא לא 
זז, הוא עדיין נתן תחושת דינמיות בעיצוב הגרפי שלו וכן 
משך את המשתמש לפעילות בעזרת הטקסט שהוא הכיל. 
כך הצלחנו לגרום להשתתפות בסקר. 
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כמובן שלרוב, יש לעצב את הדף כך שהתוכן החשוב 
שבו יהיה למעלה - ומשוס כך רוב הדפים לא יזדקקו 
לסוג כזה של הנפשה - אך לעיתיס המבנה הלוגי של 
המידע מכתיב סידור מסוים. במקרים אחרים, מידע 
אודות העדפות המשתמש או נושאים שמענייניס 
אותו, יאפשר להניח ביתר ביסוס שמידע מסוים הינו 
חשוב והדרך היחידה למשוך את תשומת לב 
המשתמש היא הנפשה. 


וידאו 


בשל מגבלות רוחב פס, יש להקטין עד למינימוס את 
השימוש בווידאו ב-65/\. בסופו של דבר, השימוש 
בווידאו יתרחב מאוד, אך בשניס הקרובות רוב קבצי 
הווידאו יהיו קצריס ויציגו את תוכנס בשטחי תצוגה 
קטניס, באיכות תמונה נמוכה ובקצביס 

(₪8%65 6וח8ז=) נמוכים. במגבלות אלו, הווידאו חייב 
לשמש לרוב כתומך בטקסט ובתמונות יותר מאשר 
להיות התוכן הממשי של האתר. 


נכון להיוס, הווידאו טוב עבור: 


*> קידום תוכניות טלוויויה, סרטים או מדיה 
אחרת שלא קשורה למחשב ושיש לה מסורת של 
תצוגות מקדימות (5ז18|!8) בפרסוס. 


% מתן אפשרות למשתמשים להתרשם מאישיות 
הדובר. לרוע המזל, רוב מנהלי החברות מקריניס 
פחות אישיות מאשר, נניח, קפטן עְאוסחה38 
מהסדרה א6זד ז509, ולכן לא יהיה זה רעיון טוב 
להציג ראש מדבר, אלא אס סרטון הווידאו 
באמת מוסיף לחוויית המשתמש. כשהגולשיס 
רואיס וידאו, הס חושביס אוטומטית על 
ייטלוויויהיי וכל מי שלא מסוגל יילעבור מסך'י 
טוב יתפרש כבלתי מובן. 


% הצגת דברים נעים, כגון סרטון מתוך מופע בלט. 
מצגות סוח6כ של מוצרים ממשייס מתאימות גס 
הן לווידאו. גס הדגמות תוכנה מוצגות לרוב טוב 
יותר בעזרת סדרה של תצוגות וידאו, שבעזרתן 
יכול הלקוח הפוטנציאלי לבדוק לעומק את 
התכונות שבה. 


הבעיה העיקרית, כרגע, ברוב קטעי הווידאו 
באינטרנט היא שהערך ההפקתי שלהם נמוך מדי 
(צולס במצלמה ביתית, לא עבר עריכה כנדרש וכדומה). 
מחקרי משתמשיס הראו שהגולשים מצפים למוצרים 


פרק 3: עיצוב תוכן | 149 


(בעמוד הבא) כותרות משנה 
מסורתיות נראות טוב במסך 
וידאו בגודל מלא (הנה תמונת 
סטילס מתוך הסרט "6זו5%87" 
של חברת חש56. 


כמעט ולא ניתן לקרוא את 
כותרות המשנה כשהווידאו 
מוקטן לגודל השידור 
באינטרנט (תמונה שמאלית). 
ניתן להשיג איכות קריאה 
גבוהה בהרבה על ידי הצבת 
כותרות המשנה בתיבה 
נפרדת, והגדלתן במיוחד עבור 
תצוגה במחשב (תמונה 
ימנית). תוספת הטקסט על 
גבי פס שחור לא תגדיל באופן 
משמעותי את גודל הקובץ 
מכיון שהשטח השחור הוא 
בעל שיעור דחיסה גבוה. 


0 עיצוב ממשק באינטרנט 


באיכות שידור בכל פעס שהם נתקלים בווידאו, ולכן 
הס חסרי סבלנות כשהאיכות אינה עומדת בציפיות. 


בווידאו (ובקטעי קול מדובביס) יש לקחת בחשבון גס 
את בעיית השפה, וכן את בעיית המשתמשיס עס 
מגבלות השמיעה. בנקודה ואת לטקסט הכתוב יש 
יתרון על פני הווידאו. הגולשיס יוכלו אולי להבין 
טקסט שנכתב בשפה זרה, משוס שיש להס זמן 
לקרוא אותו במהירות שלהם, ומפני שהס יכוליס 
לחפש כל מילה לא מובנת במילון. 


בנוסף, קשה לעיתים להבין מיליס מדוברות, במיוחד 
אס הדובר לא מקפיד על המילים, יש לו מבטא, הוא 
מדבר על רקע קולות אחריס שמסיחים את הדעת, או 
שהוא פשוט מדבר מהר מדי. קול באיכות גרועה עשוי 
להוסיף לבעיות הבנת הטקסט המדובר, ולכן מומל 
להשתמש בציוד הקלטה איכותי ו/או במיקרופון 
מתאיס לצורך הקלטת דיבוב. הפתרון הקלאסי 
לבעיות אלו הוא הוספת כותרות תרגוס (5000065), 
אך כפי שמוצג בתרשימים, הכותרות הללו מסיחות 
את הדעת ב-60/ש. 


שטפי וידאו מול הורדת קבצי וידאו 


איכות הווידאו בזומן אמיתי (507608₪05 1060/) גרועה 
מאוד, ולכן מומלצ לאפשר הורדה של גרסת הווידאו 
באיכות הגבוהה. אם יש לווידאו ערך, למשתמשים 
לא אכפת יהיה להמתין, נניח, חמש דקות כדי להוריד 
סרטון באורך דקה בו הס יכולים לראות משהו 
מועיל. 


יש משהו מרגיע בנגינת הסרטון. לא צריך לעשות 
כלוס פרט לישיבה וצפייה בסרטון. חוסר הפעילות 
הזו מתנגשת עס חוויית המשתמש הבסיסית ב-60/ו, 
שבה הוא זה ששולט בפעולות והוא זה שמחליט לאן 
ללכת. לפיכך, יש ליצור סרטוני וידאו וקול שמשך 
ההשמעה שלהם הוא פחות מדקה. נדיר שהמשתמש 
ייאלץ לשבת בלי לעשות כלוס, ולצפות במשהו 
למעלה מזמן זה. 


לדוגמה, במקוס לספק הרצאה שלמה ב-60/\, 
שאורכה 30 דקות, בקול או בווידאו, ספק קבצי 
טקסט עס תעתיק ההרצאה. במידת האפשר, ערוך 
את התעתיק, והפוך אותו למשהו קריא יותר ממה 
שיש ברוב ההרצאות. 
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אני מקווה שבעתיד יהיה 
רוחב פס שמספיק לווידאו 
באיכות גבוהה. עד שעניין 
רוחב הפס יהיה שולי, ניתן 
לחסוך בזמן הורדה על ידי 
שידור כותרות התרגום 
כטקסט 5011 (או 

6 ), ולהעביר אותן 
לתיבת הטקסט במחשב 
הלקוח: זוהי פעולה 
שמתאימה בדיוק ליישומון 
60ומסה). ניתן גם לתת 
למשתמש את האפשרות 
לבחור את שפת כותרות 
המשנה, על ידי בחירת 
העדפות באמצעות טופס או 
תפריט. 


5-ו 
ב 


המויב 
וס הט 
והוז 
חב ]זו 

6 הכה 
הפוחה 


לאחר מכן, תמוך בטקסט בעזרת כמה תמונות של 
הדובר והקהל, וכן בקטעי וידאו באיכות גבוהה של 
כל דבר חזותי שקשור לעניין. לבסוף, אתה יכול 
להציג את הדובר ואת רוח הדברים על ידי קישור 
לקטע קול בן דקה של הרגעיס החשוביס ביותר. 


כדי לשמר את תחושת השליטה של המשתמש, אפילו 
בזמן הצגת מולטימדיה, נסה לחלק מצגות ארוכות 
לפרקים קצריסם שניתן לבחור את הרצוי מתוכם דרך 
תפריט. אס אתה ממיר, לדוגמה, תוכנית חדשות 
מהטלוויזיה ל-60//, אל תהפוך אותה לשטף וידאו 
מלא באורך 60 דקות שהמשתמש אינו יכול לשלוט 
עליו. במקוס זאת, צור חלק נפרד עבור כל כתבה. 
לאחר מכן, הכן דף פ6\\ סטנדרטי ובו רשימת 
הכתבות עם סיכוס קצר ותמונה ממוזערת אחת מתוך 
החלק החזותי המעניין ביותר. אפשר למשתמשיס 
לעבור לכתבות מסוימות מדף זה. 
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%ש.סס.ח./ש/עעע 
נאום המלכה באתר של רשת אז1 הבריטית מחולק לנושאים 
הזמינים בקלות מדף זה. הצופים אינם חייבים לצפות בכל 
התוכנית כמו בצפייה בטלוויזיה, למרות שאלה שרוצים 
לראות את הנאום המלא יכולים לבחור בכך. השאלה אם זה 
מכובד להציג פרסומות מעל לראש המלכה היא כבר נושא 
לדיון אחר... 
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קול 


היתרון הגדול בקול הוא בכך שהקול מהווה ערוצ 
נפרד מהתצוגה. ניתן להשתמש בדיבור כדי להעיר 
הערות או לסייע, ללא פגיעה במידע שמוצג על המסך. 
ניתן להשתמש בקול גס כדי לספק תחושה של מקוס 
או מצב רוח, כמו שנעשה בצורה מושלמת במשחק 
%ץוא. קול שמיועד להעברת מצב רוח צריך להגיע יחד 
עס קולות רקע חלשים, כדי לא להתחרות במידע 
הראשי על תשומת לב המשתמש. 


השימוש הברור ביותר בקול הוא כנראה מוסיקה. 
בכל פעס שעליך ליידע את המשתמש אודות מוסיקה 
מסוימת, הרבה יותר הגיוני לנגן אותה, מאשר 
להראות את התוויס שלה, או לתאר אותה במיליס. 
לדוגמה, אם אתה מנסה למכור מקומות לאופרה 
'568|8 18'י, הדבר הטבעי ביותר לו הלקוחות מצפיס 
הוא לשמוע קטע מהאופרה. למעשה, קטעי הקול 
עדיפים על קטעי הווידאו של אותה האופרה משוס 
שקשה להרשים את הלקוחות באמצעות וידאו, וגם 
זמן ההורדה שלו ארוך. 


שימוש נוסף בקול כולל הקלטות קול של הדובר 
(הקול יכול להחליף את הווידאו במקרה זה). 
היתרונות כולליס קבציס קטניס יותר, הפקה קלה 
והעובדה שאנשיס נשמעים לרוב טוב, אפילו אס הס 
יילא עוברים מסך'י. הנאוס מתאים גם כדי ללמד את 
המשתמשים איך לבטא מילים מסוימות, כפי שנעשה 
באתר היין הצרפתי. פעס היה נהוג לקנות יין מעולה 
וזול מיקביס שקשה היה לבטא את שמס (משוס שאף 
אחד לא העיז לשאול עליהסם בחנויות או מסעדות). 
עניין וה חלף מהעולסם בעידן האינטרנט. 


ניתן להשתמש באפקטיס קוליים שאינס דיבור 
כמימד נוסף בממשק המשתמש, כדי להודיע לו על 
אירועיס ברקע. לדוגמה, אפשר לציין מידע חדש על 
ידי קול של עיתון שנופל על הרצפה, והתקדמות 
הורדת קובצ על ידי קול של מיס שנמזגיס לכוס 
זכוכית, המתמלאת בהדרגה. עס זאת, סוגי קולות 
הרקע הללו צריכים להיות שקטים ועליהס לא 
להפריע. בנוסף, תמיד חייבת להיות למשתמש 
אפשרות לכבות אותס. 


ידוע שקול באיכות טובה משפר את חוויית המשתמש 
במידה ניכרת, ולכן כדאי להשקיע בהפקות קול 


בכל פעם שאתה 
משתמש בפורמט שונה 
מטקסט פשוט ו- ואדה 
סטנדרטי, אתה מסתכן 
בכך שמשתמשים עם 
מוגבלות מסוימת לא 
יוכלו להשתמש באתר 
שלך. 


מקצועיות. הדוגמה הקלאסית לכך היא מחקר 
שנעשה אודות משחקי וידאו, בו המשתמשים טענו 
שהגרפיקה השתפרה כשאיכות הקול השתפרה, גס 
כשהגרפיקה לא השתנתה כלל בין שתי הגרסאות. 
אפשר לעשות שימוש בצליל הקשה חלש המתלווה 
ללחיצה על לחצן, ומדגיש את הלחיצה של המשתמש 
על הלחצן. גם שימוש בקולות מנוגדיס בזמן תנועה 
בכיווניס שוניס במרחב ניווט, הוא נפוא. 


סיוע למשתמשים מוגבלים 
בשימוש בתוכן מולטימדיה 


בכל פעס שאתה משתמש בפורמט שונה מטקסט 
פשוט ו- !אד סטנדרטי, אתה מסתכן בכך 
שמשתמשיס עס מוגבלות מסוימת לא יוכלו 
להשתמש באתר שלך. זוהי סיבה נוספת להגביל את 
השימוש במולטימדיה רק למקריס בהס היא מוסיפה 
ערך לאתר. 


אפשר לתמוך במשתמשים כבדי שמיעה על ידי שימוש 
בכותרות תרגוס בקטעי וידאו ותעתיקי מצגות קול. 
חלופות טקסטואליות מעין אלו גס הופכות את 
המידע לנגיש יותר על ידי מנועי חיפוש ומקלות על 
התרגום. 


קשה יותר לתמוך במשתמשים בעלי מגבלות ראייה. 
הגישה המסורתית להפיכת תמונות לנגישות עבורס 
היא לייצר תיאור טקסטואלי אותו ניתן להקריא 
בקול על ידי דפדפן קולי, אך בקטעי וידאו עלול הדבר 
להתנגש עס ערוצ הקול של הסרטון. חפס/\, שהיא 
תחנת 085 בבוסטון, ממליצה על השימוש ב-5שם 
(567/166 1060/\ 6שק6501כ - שירות תיאור וידאו) 
בצורת תיאור עלילה שמשולב בהפסקות שבערוצ 
הקול הראשי, עבור אלה שאינס יכוליס לראות את 
התמונות. זה עשוי לעבוד טוב בחלק מהסרטונים, אך 
במקריס אחריס יהיה צורך בחלופה טקסטואלית 
אחרת לגמרי, שתשלב את המידע שבערוצי הקול 
ותצוגת הווידאו. 


במקרה של משתמשים עם מגבלות ראייה חלקיות, 
אפשר להציע פשוט תמונת וידאו גדולה או נקיה יותר 
(גס אס זמן ההורדה של סרטון כזה יהיה ארוך 
יותר). או, שתוכל לספק מצגת שקפים עס תמונות 
סטילס נקיות כחלופה למצגת תמונה נעה. 


פרק 3: עיצוב תוכן | 155 


6 עיצוב ממשק באינטרנט 


גרפיקה תלת-מימדית 


כמעט תמיד מומלצ להשתמש בגרפיקה דו-מימדית 
במקוס בגרפיקה תלת-מימדית, משוס שהגולשיס 
אינס צפרדעיס. אס החיינו צפרדעיס והחיו לנו עינייס 
שנמצאות בצידי הראש, וה היה נראה אחרת לגמרי. 
אך אנו בני אנוש והעיניים שלנו נמצאות בקדמת 
הפניס ומסתכלות ישר. 


האבולוציה טיפחה את האדס החושב כך שיוכל 
להתמצא במישור (שני מימדים) ולא בחלל (שלושה 
מימדיסם). האס נהג טוב (פ2) הוא גס טייס (כ3) טוב! 
לא בהכרח. 


השימוש בגרפיקה תלת-מימדית במחשב מוסיפה 
מספר קשיים : 


> המסך והעכבר הס התקנים דו-מימדיים, ולכן 
לא יהיה תלת-מימד אמיתי, אלא אם כן נחבר 
לראשנו ציוד מוזר ונעשה שימוש בעכבר שאינו 
מונח על השולחן (אלא מוחזק באוויר). 


> קשה לשלוט על מרחב תלת-מימדי בעזרת 
הטכניקות הנפוצות, משוס שהן תוכננו לשליטה 
דו-מימדית (גרירה וגלילה, לדוגמה). 


%%> על המשתמשים לשים לב לניווט בתצוגה 
התלת-מימדית בנוסף למודל הניווט הבסיסי. עס 
התוספת של מימד נוסף נוספו גס פקדים נוספיס 
לתנועה, לסיבוב וכן הלאה. כל הדבריס הללו 
מפריעים למשתמש במשימה הראשית שלו. 


רמת ההפרדה הגרועה של המסכים אינה 
מאפשרת להעביר אובייקטים מרוחקים ברמת 
פירוט מספיקה כדי לזהות אותם. כל טקסט 
שברקע אינו קריא. 


> לרוב, התוכנה הדרושה עבור תלת-מימד אינה 
סטנדרטית, מועדת לקריסה ודורשת הורדה 
נוספת (שהמשתמשים לא ירצו להמתין לה). 


שימוש גרוע בתלת-מימד 


רוב מרחבי המידע המופשטים עובדים גרוע 
בתלת-מימד משוס שהם אינם פיסיים. אם כבר 
מעליס את הנושא, יש להס לפחות 100 מימדים, ולכן 
המחשה ויזואלית של מרחב מידע בתלת-מימד 
משמעה הזנחת 97 מימדיס במקוס 98. והו שיפור 
שמצדיק את תוספת המורכבות של הממשק. 


הניווט בחלל (כגוןו אתר אינטרנט) מבלבל לרוב 
בתלת-מימד, וברוב המקריס המשתמשים הולכים בו 
לאיבוד. הניווט התלת-מימדי עשוי להיראות טוב 

ב- סוח6כ, אך שס אינך מנווט בעצמך בחלל, ואינך 
חייב לּכור מה נמצא מאחוריך או לדאוג 
לאובייקטיס מרוחקיס שמתחבאיס מאחורי 
אובייקטיס קרובים (יוצר ה- סוח6פ יודע היכן כל דבר 
נמצא. החוק הראשון ביצירת סוח6ס: לעולס אל 
תנסה להשתמש במערכת כדי לעשות משהו. 
לחילופין, פשוט התקדס בעזרת תסריט ידוע מראש, 
שאינו נוגע בשוס דבר שיכול לגרוס לקריסה). 


בנוסף, הימנע מגימיקים וירטואליס שקשוריס 
למציאות ומדמיס אותה (למשל, קניון וירטואלי). 


אחת מהסיבות העיקריות מטרת העיצוב ב-66/\ היא להיות טובה מהמציאות. 
המצדיקות שימוש אס אתה מבקש מהמשתמשים יילהסתובב בקניון 
בתלת-מימד היא שזה בא אתה מציב את הממשק שלך בדרך להשגת מטרתס. 
במקום טקסט מסתובב. בעולס הפיסי, עליך להסתובב בין החנויות. ב-60/), 
כמובן, השימוש בצבעים עם אתה עובר ישירות ליעד שלך תוך שימוש באמצעי 
ניגוד חלש לא עוזר, כפי ניווט שמתאימים לצרכי המשתמש (בהנחה, כמובן, 
שנעשה כאן בכותרות שארכיטקטורת המידע טובה). 
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8061085/5.0077/כן./ש/ע/ע מבט על בלוק בניינים ב- 6503515 3|ק 


מעבר דרך 6008515ח8|ק מתי להשתמש בתלת-מימד 


מנקודת מבט של האי כולו 
(עמ' 158) דרך "מבט על" השימוש בתלת-מימד יכול להתאיס כשאתה זקוק 


קרוב של בלוק םעמ לאובייקטים פיסיים חזותיים, שיש להבין אותם כמו 
ל שהם. הנה כמה דוגמאות לכך: 


להגיע למגזין 6מְס6ק. זהו *%> מנתחים שמתכנניס היכן לבצע חתך בחולה. גוף 
הק וי ור ה החולה הוא תלת-מימדי, ולמיקום הגידול יש 
באמת יש לך תחושה שאם מיקוס תלת-מימדי שקל יותר להבין אותו מתוך 


תפנה לאחור, מודל תלת-מימדי, מאשר מצילום רנטגן 
ה-65וחוד 61655פַח 105 יהיה דו-מימדי 


מאחוריך? חשוב יותר: האם 

זה יישאר לך בזיכרון? % מהנדסי יציקה שמתכנניםס תבנית יציקה למפעל 
פלסטיק, ומעונייניס לראות איך הנוזל זורס 
ומתפשט בתבנית. 


% חוקרים בתחום הכימיה שמנסים להבין צורת 
מולקולה. 


% תכנון סידור ביתן בתערוכה. 


לעיתים, אובייקטיס פיסיים נראיס טוב יותר בשני 
מימדים. מערכת עזרה שמסבירה כיצד להחליף דיסק 
קשיח בתוך המחשב תהיה טובה יותר אס יהיה בה 
שרטוט סכמטי מהנקודה המדויקת שמצביעה על 
המקום הנכון. לתילופין, ניתן להשתמש בווידאו 
המציג טכנאי שמסיר את הדיסק הישן ומכניס חדש. 
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כלכלת תשומת הלב 


ה-60/\ פועלת בשיטת 
כלכלת תשומת הלב 
(ץוחסח0ס6= הסשח6אה), בה 
המטבע הנהוג הוא זמן 
משתמש. על מה הם 
מביטים? לאן הם יחליטו 
ללכת? האם הם מתכוונים 
לחזור בפעם אחרת? 


במדיה המסורתית, שאלות 
אלו נענו לרוב בכך 
שהמשתמש יישאר. אם 
הוא קורא מגזין, מחיר 
השגת מגזין אחר גבוה 
יחסית, הן במובנים של 
כסף והן במונחים של זמן. 
באותה המידה, היתרון 
הצפוי מהשגת מגזין אחר 
נמוך יחסית, משום 
שהמשתמש כבר מנוי על 
המגזינים שמעניינים אותו. 


ה-65/\ משנה לגמרי את 
המשוואה הזו: מחיר 
השגת אתר 60/\ אחר 
נמוך מאוד, והיתרון הצפוי 
מהשארות באתר הנוכחי 
לא גבוה במיוחד. 
העקרונות השונים 
מובילים לדגשים שונים 
בכלכלת תשומת הלב. 
תוכן 60/\ חייב לספק 
יתרונות מיידיים 
למשתמשים, או שהם 
יעבירו את זמנם באתרים 
אחרים. 
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הווידאו הוא דו-מימדי, בהשוואה לתמונות, אך הוא 
משתמש בקול כדי להבהיר את הפעולות (לדוגמה, 
קליק כאשר הדיסק נכנס נכון לתוך התושבת). הקול 
מהווה מימד נוסף שלא מעמיס על הניווט משום 
שהוא מסונכרן לווידאו. 


לפני שאתה עובר משני מימדיםס לשלושה מימדים, 
נסה לפשט את הבעיה, ובדוק אותה על תצוגות 
דו-מימדיות, כולל סידור ייסיפוריי של טבלאות 
שונות. 


לבסוף, יישומי בידור וכמה ממשקי לימוד יכוליס 
לנצל את היתרון בהנאה ובטבעו של המימד השלישי, 
כפי שהוכח כבר על ידי משחקי פעולה רבים מספור. 
שיס לב שהשימוש בתלת-מימד טוב במשחקים, 
משוס שהמשתמש אינו מעוניין להשיג מטרה כלשהי 
מלבד הנאה. כמובן שיש לתכנן ממשק טוב יותר מזה 
שיש במשחק אסספ אס המטרה היא לחסל את 
הרעיס במהירות האפשרית. אס המשחק היה 
דו-מימדי, הוא היה נגמר תוך כמה שניות בניצחון 
הרעיס כל פעם. למרות שעיצוב דו-מימדי אינו 
מתאים כלל למשחקים, ילדי מרותקים שעות ארוכות 
למשחק פוקימון דו-מימדי ברזולוציה נמוכה, 
בצבעיס חיוורים ובקולות מצוייצים. 





מסקנה 


התוכן הוא במוקד תשומת הלב של המשתמשים. הוא 
הסיבה לכך שהם עובריס למצב מקוון, והוא הדבר 
הראשון שהס רואיס כשהס טועניס דף חדש. תוכן 
איכותי הוא אחד משני הנושאיס החשובים ביותר 
בשימושיות ב-69/\, והנושא השני הוא השאלה אס 
המשתמשים מסוגליס למצוא את הדף שהסם מחפשיס 
(וזהו נושא הפרק הבא: עיצוב אתר). 


ב-60/\, משמעות המונח ייתוכן איכותייי שונה מאותו 
המונח במדיה מסורתית. איכויות ההפקה חשובות 
פחות. כמובן שיש הערכה לכתיבה טובה ותמונות 
יפות, אך אלו כבר אינס הדבריס שמאפייניס את 
האיכות. במקוס זאת, השאלה הנפוצה שהמשתמש 
שואל כשהוא בוחן תוכן היא יימה יצא לי מזהזיי 
ו-"איך זה יעזור לי לפתור את הבעיה שליניי. 


משתמשי ה-פ6/\ מונעיס על ידי מטרות ומתגליס 
כחסרי סבלנות. שני מאפיינים אלה מחייבים שהתוכן 
יהיה מעוצב כך שהוא ייתן תשובות מהירות ויהיה 
שימושי למשתמש. 
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עיצוב האתר 


לעיתים, עיצוב הדף מקבל את מרבית תשומת הלב. בסופו של דבר, 
בדפדפנים של היום, ניתן לצפות רק בדף אחד בזמן נתון. האתר עצמו 
לעולם לא יוצג במלואו על המסך. אך מזווית השימושיות, עיצוב 
האתר מהווה אתגר גדול יותר, ולרוב הוא חשוב יותר מאשר עיצוב דף 
בודד בתוכו. 
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(בעמוד הבא) חשבתי 
שתופעת שלטי 

"ח0 0005076 זס0ח(\" 
המרתיעים נעלמה בסביבות 
שנת 1995, לאחר שהובהר 
שכל אתרי ה-80/\ נמצאים 
תמיד בבנייה. אך לרוע המזל, 
שלטים אלה ממשיכים להופיע 
בצורות מתוחכמות יותר. 


אל תספר למשתמשים מה 
אין לך. זה יגרום להם מפח 
נפש. אל תפרסם אתר 80/\ 
חצי גמור, הרחק אותו מעיני 
המשתמשים עד שהוא יהיה 
מספיק שימושי בשבילם. 
אפשר לצרף כתבה קצרה 
שתדון בתוכניות עתידיות או 
באטרקציות מתוכננות, אך 
שער הכניסה הראשי לאתר 
צריך להתמקד במה 
שהמשתמש יכול לעשות כאן 
ועכשיו. 
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ברוב המקרים, לאחר שהמשתמשים הגיעו לדף, הס 
יכוליס להבין מה עליהס לעשות בו. אס הס יקדישו 
לכך מעט ומן (למשתמשים, בדרך כלל, אין זמן וגס 
אין רצון ללמוד את הדף לעומק, ולכן יש הרבה בעיות 
שימושיות (שווופ58ט) גס ברמת הדף הבודד), אך 
המשימה הקשה היא להביא את המשתמש לדף. 


במחקר שנערך על ידי (0סס5 60ז38 ועמיתיו, 
המשתמשים התחילו את הסיור שלהס בדף הראשי 
וקיבלו משימות פשוטות. הס הצליחו למצוא את הדף 
הנכון רק ב-42% מהמקריס. במחקר אחר שערכתי 
יחד עס זפוט >זגוי!, אחוז ההצלחה היה נמוך עוד 
יותר: רק 26% מהמשתמשים הצליחו לבצע משימה 
קצת יותר מורכבת (במחקר שלנו, המשימה היתה 
למצוא הצעות עבודה ולהגיש מועמדות). 


הסיבה לאחוזי ההצלחה הנמוכיס במחקר שלנו ביחס 
למחקר הראשון אינה קשורה לכך שבחרנו באתריס 
עס עיצוב גרוע במיוחד. להיפך, חיפשנו אתריםס של 
חברות גדולות ומכובדות. ההבדל באחוזי ההצלחה 
נובע ממורכבות המשימה. 42% ההצלחה היו 
התוצאה הממוצעת לגבי טווח של משימות בהן 
המשתמשיס התבקשו למצוא תשובות לשאלות 
ספציפיות הנוגעות לאתר 60/ו. במיליס אחרות, אלו 
משימות שקשורות לדבר שה-60/\ מיועדת לו. בניגוד 
לכך, 26% ההצלחה היו הממוצע כשהמשתמשים 
ביצעו סדרה של צעדים, כדי להשלים את משימת 
איתור הצעות העבודה והגשת המועמדות. אס 
המשתמש דילג או לא ביצע אחד מהשלביס במשימה, 
הוא לא היה מסוגל להשליסם אותה. בסופו של דבר, 
אינך יכול להגיש מועמדות לעבודה אס לא מצאת את 
הדרישה, וכן אין תועלת באיתור הצעת עבודה אס 
טופס המועמדות מסובך מדי. 


הבעיה נעוצה בכך שיכולת השימושיות של ה-60/\ 
יורדת ברגע שאנחנו מסיטיס את המשתמשים מהדף 
הראשי וגורמיס להס להתתיל לנווט או לפתור בעיות. 
ה-69/\ עוצבה כסביבה לקריאת דפים, ורמת 
השימושיות שלה לא השתפרה באותו הקצב בה 
המשתמשיסם נאלציס להתמודד עס רמות סיבוך 
הולכות וגוברות. לפיכך, יש לעצב את האתר כך 
שיהיה בראש ובראשונה פשוט, ויכיל כמה שפחות 
הסחות דעת וכמה שיותר ארכיטקטורת מידע ברורה 
וכלי ניווט מתאימים. 
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מה החברה הזו עושה? 
הפשטות טובה, אך הדף 
הראשי צריך להכיל מידע 
כלשהו. 


הדף הראשי 


הדף הראשי הוא דף הדגל של האתר (ושל החברה או 
הבעלים שמאחוריו), ולכן עליו להיות מעוצב בשונה 
מהדפים האחרים. כמובן שהדף הראשי והדפים 
הפנימיים צריכים להיות באותו הסגנון, אך ישנס 
הבדליס ביניהם. לדוגמה, הדף הראשי לא צריך להכיל 
לחצן סוחס (דף הבית/עמוד ראשי), משוס שלא נעיס 
ללחוצ על לחצן שמקשר בחזרה לאותו הדף. בנוסף, 
לדף הראשי צריך להיות לרוב לוגו גדול יותר ומיקוס 
מרכזי של שס החברה או שס האתר. המטרה הראשונה 
של כל דף ראשי היא לענות על השאלות : 


ייהיכן אני נמצאזי 
+ "ימה האתר הזה עושה?" 


שאלות אלו דורשות גירסה גדולה וישירה של השס. 
התשובה לא צריכה להיות הצהרה עס מילים גבוהות 
(ייאסטרטגיות'י) אותן רואיס לעיתיס באתרי ממשל, 
אלא העיצוב עצמו צריך לתת אותה ולהסביר איך 
האתר יכול לשרת את המשתמש החדש. 


למשתמש חדש, התשובה לשאלה יימה אתר זה 
עושהזיי עשויה להיות הפונקציה החשובה ביותר של 
הדף הראשי, אך לרוב המשתמשיסם האחרים, 
הפונקציה החשובה ביותר של הדף הראשי היא 
לשמש כנקודת כניסה לסכמת הניווט של האתר. 
לרוב, סכמת הניווט תהיה במבנה של תוכן ענייניס 
היררכי (כמו של ספר), אך בהתחשב בארכיטקטורת 
המידע, יכולות להופיע צורות שונות של נקודות כניסה. 
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הרושם הראשון מהדף הראשי הזה הוא שזה עשוי להיות 
אתר לרכישת קפה או הורדה חופשית של תוכנות, 
כשלמעשה זהו אתר שמוכר סוללות. בדף אין אפילו תמונה 
אחת של סוללה, והמילה "עְזסא8" אינה מודגשת בשום 
מקום. שם האתר נחמד ובולט ומתאים לאתר שעוסק 
בסוללות, ולכן העיצוב אינו נורא כל כך. בנוסף, קל לאתר 
את קטגוריות הניווט והן מסודרות בסדר לוגי. אך מדוע 
לבזבז שטח על פס צבעוני עליון שמכיל את התאריך 
הנוכחי? באתר שמתעדכן ללא הפסקה, יש יתרון מסוים 
בשורה תחתונה שמציגה את תאריך העדכון האחרון. אף 
אחד לא יעשה שימוש בתאריך הנוכחי. 
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(בעמוד הבא) באתר זה יש 
יותר מדי פריטים מיותרים 
("זבל"), במיוחד אם נתחשב 
בעובדה שאנו רואים כאן רק 
את החצי העליון. אך הדף 
עדיין טוב משום שרוב 
המשתמשים יימשכו מיידית 
לחלק האינטראקטיבי של 
הדף (טופס), שם הם יכולים 
להקליד את המידע אודות 
הטיול שלהם ולעבור ישירות 
לרשימת טיסות זמינות. 
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לדוגמה, גולשיס שמבקריס באתר נסיעות ירצו לרוב 
לבצע הזמנת כרטיס טיסה, ולכן אפשר להתייחס 
לכניסה לרשימת ערים מהן מתבצעות המראות 
ונחיתות כנקודת כניסה עליונה טובה לאתר כזה. 


הדף הראשי הוא גס המקוס לחדשות (5או₪6) 
ולהצעות שיווקיות (פחסוזסוחסזק |506688) שאתה רוצה 
להביא לידיעת המבקרים. אך זכור שרוב הגולשיס 
מגיעיס לאתר שלך כדי להשיג משהו ספציפי. נדיר 
שהם יגיעו אליו, סתס כך, רק כדי לבדוק את 
המוצריס שאתה מעוניין להציע למכירה. לפיכך, יש 
להגביל את שטח החדשות ולהשאיר חלק גדול של 
הדף בשביל אמצעי הניווט - פרט, כמובן, לאתריס 
שעוסקיס בעיקר בחדשות. באתריס כאלה, 
המשתמשים נכנסים לרוב לאתר כדי לראות מה חדש, 
בלי להתעניין בכתבה מסוימת מראש. גם באתרי 
חדשות, עדיין חשוב לאכור שחלק מהמשתמשים יגיעו 
אליהם כדי לאתר כתבות ספציפיות או אירועיס 
עכשוויים. לעיתיס קרובות הס ירצו למצוא כתבות 
קודמות שכבר נעלמו מהדף הראשי. יכולת הניווט 
נשארת בעדיפות גבוהה בכל מקרה. 


רוב הדפיס הראשיים וקוקיסם ליכולת חיפוש בולטת, 
משוס שרביס מהמשתמשים רגילים למנועי החיפוש, 
והס אינס רוציס להתחיל לנווט באתר כדי להגיע 
ליעד הרצוי. באתריס בהס החיפוש מהווה מנגנון 
גישה ראשי, כדאי לכלול תיבת חיפוש בראש הדף 
הראשי. באתריס אחרים ניתן להסתפק בקישור פשוט 
(אך ברור) לדף חיפוש. 


בסיכומו של דבר, על הדף הראשי להציע שלוש 
תכונות: 


1. מדריך של אזורי התוכן הראשיים באתר (ניווט). 


2. סיכום החדשות או הצעות השיווק החשובות 
ביותר. 


3. אפשרות חיפוש. 


כשהדבר נעשה כהלכה, המדריך והחדשות יוכלו 
לסייע למשתמש לדעת במה האתר עוסק. הסתכל 
תמיד על הדף הראשי מזווית המשתמש, שאל את 
עצמך 'ימה האתר הזה יכול לעשות בשביליניי וזכור 
את השס והלוגו. 
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באיזה אתר אנו נמצאים? ברור, מעל לכל ספק, שאנחנו ב-אוו-6%\. שנית, מהי מטרת האתר? 
ברור שזהו אתר שמשכיר סרטי סצפ. אך אם תסתכל על החלק העליון של הדף ותוריד את 
המבט למרכזו (כמו שרוב המשתמשים עושים), אתה עשוי לחשוב שזהו אתר שעוסק במאמרים 
על סרטים. רכיב העיצוב הבולט ביותר הוא ללא ספק תיבת הקלדת הטקסט שמסומנת בשם 
"וח6066" ומיועדת רק למשתמשים שברשותם קופון מיוחד. הוראות הקלדת הקופון לוקחות 
יותר מדי שטח בדף הראשי. היה פשוט יותר לספק קישור לדף מיוחד שם התהליך היה מוסבר 
טוב יותר. בנוסף, שדה החיפוש (וססחותאו!]) קצת נעלם אל תוך סרגל החיפוש, למרות שהוא 
יותר חשוב למשתמשים מאשר הקופון. עם זאת, הבעיה הגדולה יותר באתר היא השטח הקטן 
שהוקצה למדריך התוכן יחסית להצעות המיוחדות. אין ייצוג טוב לתוכן האמיתי של האתר 
(3,700 מוצרים). העיצוב מקבל נקודת בונוס על אזור ה-"1-2-3": תוכן פשוט וקל לסריקה 
שמסכם את תהליך ביצוע העסקים באתר. 


0 עיצוב ממשק באינטרנט 








שני אתרי התעופה (בעמודים הבאים) מציגים שתי גישות 
שונות לעיצוב דף ראשי. אתר פסחווזוה 60אח מתמקד 
בגישה קלה למרכיבים (קטגוריות) הרבים שבאתר, ואילו 
ןזוה ח68וזסוחה מתמקד בגישה קלה לשני מרכיבים 
חשובים: כניסה לחשבון הנוסע המתמיד ואיתור טיסה 
זמינה בין שתי ערים. הגישה של פסחווזוה 0סזוח היא 
המועדפת, אם שימוש הגולשים באתר מתחלק בצורה שווה 
בין המרכיבים השונים. הדף הראשי מבהיר מה ניתן לעשות 
באתר, למרות שה"קיצורים" לא ברורים ואינם מדגישים את 
המרכיבים החשובים שבאתר. השימוש בשתי רמות של 
קטגוריות משחרר את המשתמשים מהצורך לסרוק את כל 
המרכיבים. אני הייתי מעדיף להשתמש אפילו בשלוש רמות 
של קטגוריות במקום שתיים: לדעתי, האפשרויות 
"6567/8005" (הזמנות מקום) ו-"פטוק 6386ו]" (תוכנית 
הנוסע המתמיד) צריכות להשתלב לקטגוריה אחת ברמה 
עליונה, משום ששתיהן מתייחסות לטיולים ולנתונים של 
משתמשים ספציפיים. שתי הקטגוריות הנותרות מכילות 
מידע כללי אודות טיסות והחברה. 


הגישה של 68חו!ז1 חפסוזסחחה מצמצמת את תצוגת תכונות 
האתר לתפריט נגלל (טחסח חצוסס-ווט₪) שקשה לנווט בו: 
המשתמשים אינם יכולים לצפות בכל האפשרויות (כמו 
באתר השני) משום שהם יכולים לפתוח תפריט אחד בלבד 
בכל זמן נתון. בנוסף לכך, רבים מהתפריטים ארוכים עד 
כדי כך שיש לגלול אותם, כלומר, המשתמשים לא יכולים 
לראות אפילו את רשימת האפשרויות המלאה במבט יחיד. 
לפיכך, הגישה של פשחווזו חהסוזסחה טובה רק אם שתי 
האפשרויות (כניסה לחשבון נוסע מתמיד ו-איתור טיסה 
זמינה בין ערים) הן אלו שחשובות ביותר למשתמש. 


שים לב, שני האתרים משלבים בהצלחה מידע אודות 
החברה יחד עם יכולות מסחר אלקטרוני. אין ניגוד באתר 
שמשרת את שתי הפונקציות הללו כל זמן שהמשתמשים 
יכולים למצוא במהירות את הקישורים לרכישת המוצרים. 
5חו!זוה 60אוח\ שוגה כאן במידה מסוימת, למרות שהיא 
הציבה את קטגורית ההזמנות (05ח0ו₪6567/80) בתחילת 
סכמת הניווט שלה. 
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4 עיצוב ממשק באינטרנט 


מה צריך להיות רוחב הדף? 


השאלה הנפוצה ביותר בכל סמינרי ה-פ6/\ שאני עורך 
היא יילאיזה רוחב מסך עלי לבצע את העיצובניי. 
המשתתפים רוצים לרוב לדעת אם היעד הוא 640 או 
0 פיקסלים. התשובה הסטנדרטית שלי היא שאין 
לעצב עבור שום רוחב סטנדרטי. כדאי יותר ליצור 
סידורי דפיס שיפעלו על פני טווח רחב של גדלי חלונות. 
לא זו בלבד שלמשתמשים יש גדלי מסך שוניס שפועליס 
ברמות הפרדה שונות, הס לא תמיד מגדיליס את חלון 
הדפדוף עד למקסימוס, כדי לנצל את כל שטח המסך. 


אתה לא אמור לדרוש מאותס המשתמשים בעלי 
המסכיס הקטנים לגלול את החלון אופקית, כדי 
להשתמש בדף הראשי שלך (מספיק שיש גלילה אנכית), 
ויש לאפשר למשתמשים בעלי מסכים גדוליס להנות 
מהשקעתם. למרות זאת, רביס מעיצובי הדפיס 
הראשיים כן מיועדים לגודל ספציפי, ואס תבחר בגישה 
זו, מומלצ לא לעצב דפיס ברוחב של למעלה מ-600 
פיקסלים, פרט למקרה של עיצוב לאינטראנט, שס ידוע 
שלמשתמשים יש מסכים גדולים. השימוש ב-600 
פיקסליס במקוס 640 חשוב, משוס שבכל המסכיס 
נתפסיס כמה מהפיקסלים על ידי שולי חלון הדפדפן. 
לפיכך, תוכן הדף לא יכול לתפוס רוחב המסך מלא. 


רוחב הדף הראשי 


בשניס הראשונות של ה-65/\, הדפיס הראשיים נטו 
להיות גדוליס יותר ויותר, ככל שהמעצבים הכניסו 
יותר אפשרויות, והשתמשו בכמות עצומה של גרפיקה. 
בהזדמנויות שונות בעבר, סקרתי את ה-ט6/), וחישבתי 
את רוחב הדפיס הראשיים. הנה התוצאות : 


באפריל 1995: | 525 פיקסליס 
בינואר 199%6: | 568 פיקסליס 
באוגוסט 1996: 598 פיקסליס 
במאי 1997 : 6 פיקסליס 


בשניס 1998 ו-1999, כמה דפים ראשיים התרחבו עד 
ל-775 פיקסלים (להתאיס למסך ברוחב 800 פיקסלים), 
אך לרוב הס נשארו בגבולות 600 פיקסלים. 


כיוס, נדיר לראות דפים ראשייס צריס (למשל ברוחב 
0 פיקסלים), למרות שחלק מהאתריס מכיליס 
עיצוביס שאין להס רוחב מוגדר. בעיקרון, מומלצ 
לאמצ סוג זה של דף ראשי שאינו תלוי ברמת ההפרדה, 
ומסוגל להתאיס את עצמו לכל רוחב. אס הדבר לא 
ניתן, יש להתחשב בכך שמשתמשים רבים עדיין 
ישתמשו בשניס הקרובות בהפרדה של 640 פיקסליס. 


1 ידיי | 
ץד פ'עפאזט ד :886 פוחד 
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אתר 68/66 מנסה להתאים את עצמו לשני רוחבי המסך הנפוצים: ברוחב 800 פיקסלים, 
ניתן לראות הכל (כפי שמוצג כאן). ברוחב 640 פיקסלים, ניתן עדיין לראות את החלק הראשי 
של הדף ורק הטור הימני ביותר יהיה מוסתר. אפילו הלוגו של האתר מתוכנן כך שהוא ייראה 
בשתי המידות. זהו אמנם עיצוב חכם, אך אני ממליך שלא לאמץ את הגישה הזו. משתמשים 
בעלי מסכי 640 פיקסלים ירצו לדעת מה הם מפסידים ולרוב הם ייאלצו לגלול אופקית - אחת 
מהטכניקות השנואות ביותר בדפדפן 60//. בנוסף, למשתמשים בגדלי מסך שונים תהיה בעיה, 
לדוגמה, כשהם משתמשים ב-/דס6/\ (שרוחב המסך שלו קטן מ-640 פיקסלים), או אפילו 
כשהם משתמשים במסך גדול של מחשב אישי, שבו פתוחים כמה חלונות בגודל של כ-700 
פיקסלים (דבר שיגרום לחיתוך אמצע הטור הימני בדף זה). 
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אחד מהשימושים הטובים 
המעטים במסכי הפתיחה הוא 
עבור אתרים שצריכים לסנן 
משתמשים, ולהזהיר מבקרים 
מסוימים מפני התוכן שנמצא 
בדף הראשי הממשי. 
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6 עיצוב ממשק באינטרנט 





חסל את מסכי הפתיחה 


תיארתי את הדף הראשי כאילו הוא הדבר הראשון 
שהמשתמש רואה כשהוא נכנס לאתר, וזה מה שצריך 
לקרות. לרוע המזל, ישנס אתריס שמציגיס מסכי 
פתיחה (5ח50766 ח50185) מיותריס לחלוטין 
ובזבזּנייס, שפשוט מאיטיס את המשתמש כשהוא 
מנסה להגיע לדף הראשי. 


התיאוריה שעומדת מאחורי מסכי הפתיחה היא שהס 
יכולים יילהכין את הבמה'' לדף הראשי, על ידי הצגת 
הודעת ברכה כלשהי, או פשוט שם ולוגו בנפרד, בלי 
שרכיבי הניווט בדף הראשי יסיחו את דעתו של 
המשתמש. 


במציאות, מסכיס אלה מטרידים, והמשתמשים 
נוהגיס להיפטר מהס במהירות האפשרית. מומלצ 
לעצב דף ראשי ובו הודעה קצרה על והות האתר, 
תצוגת ידיעות שימושיות ומדריך מידע. ניתן 
להשתמש בתוכן עצמו כדי לספר למשתמשים היכן 
הס נמצאים ובמה האתר עוסק. 
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8 עיצוב ממשק באינטרנט 


הדף הראשי מול דפים פנימיים 


רכיב העיצוב הבולט ביותר בדף הראשי צריך להיות 
שס החברה או האתר. השם לא חייב להיות דווקא 
רכיב העיצוב הגדול ביותר, אך עליו להיות לפחות 
בפינה השמאלית העליונה (אנגלית) של המסך, או 
במקוס אחר שקל למצוא. בנוסף, יש לחזור על שס 
האתר בכל הדפים הפנימייס, משוס שהמשתמשים 
עשוייס להיכנס לאתר דרך כל דף בו, ולא רק דרך 
הדף הראשי. גולשים שמגיעים ממנועי חיפוש, או 
כאלה שהגיעו דרך קישוריס מאתריס אחרים, 
זקוקיס לדרך פשוטה לדעת מהו האתר שאליו הס 
הגיעו. עס זאת, הדפיס הפנימיים צריכיס להתמקד 
יותר בתוכן מסויס, ופחות בהצהרות קבלת פנים או 
תיאור כללי של האתר. יש לשמור את שתי המטרות 
האחרונות לדף הראשי. 


ישנו קונפליקט בין הצורך להתאיס את האתר 
לגולשיס שייכנסו מכל דף שהוא, לבין הצורך להגביל 
מידע כללי ועזרי ניווט עליוניס לדף הראשי בלבד. 
הפתרון לבעיה וו נובע מהתדירות בה אתה מצפה 
מהגולשיס להיכנס לאתר בדפים פנימיים, וכמה 
האתר שלך ידוע. אס רוב המשתמשים יוהו מייד את 
האתר שלך, אל תציף אותס בעובדות מיותרות בדפיס 
הפנימייס. במקוס וּאת, ספק קישור יחיד לדף הראשי 
מכל דף פנימי. אני ממליצ להציב את הקישור הזה 
בפינה העליונה השמאלית (אנגלית) של המסך, שהיא 
גס המקוס המועדף להציב בו את שס האתר ו/או 
הלוגו שלו. כמובן שבאתריס בשפות כמו עברית, 
למשל, יש להשתמש למטרה זו בפינה הימנית עליונה 
של המסך. 


העניין החשוב כאן הוא להפוך את הדף הראשי 
לנקודת ציון, שניתן להגיע אליה בלחיצה אחת מכל 
דף פנימי באתר, ללא קשר לנקודת הכניסה של 
המשתמש לאתר. בכל הדפים הפנימיים, יש לאפשר 
לחיצה על הלוגו ולקשר אותו לדף הראשי. לרוע 
המזל, לא כל המשתמשים מביניס את השימוש בלוגו 
כקישור לדף הראשי, וייקח עוד ומן מה עד שתפיסה 
זו תמוסד. לכן, בשניס הקרובות, יש צורך בקישור 
מפורש בשס 'סוחסויי (דף הבית / ראשי) בכל דף. 


לאתריס פחות מפורסמים מומלצ לספק קצת יותר 
מידע כללי בכל דף. באתריס אלה, יש לקבוע לוגו או 
שס גדולים יותר מאשר באתריס מפורסמים. 


5 הזש סזק 3%65ו]0) 


תוכניות שותפים עסקיים (פוחפזטסזק 866וו) הן דרך לשלם עבור תנועה נכנסת. אם אתר 
מקשר לאתר 8, אתר 8 ישלם סכום קטן עבור כל מי שישתמש בקישור. ברוב התוכניות 
של היום, התשלום מבוצע רק אם המשתמש קנה משהו באתר היעד, אך כעקרון ניתן 
לבנות מערך עמלות, ולשלם יותר עבור משתמשים שבאמת רכשו משהו, ופחות עבור 
משתמשים שרק ביקרו באתר, אך לא קנו כלום (בהנחה שהם ישובו אליו לאחר מכן ויקנו 
משהו). 





קישור לעומק (פַחואחו.1 ק66ס) 


אסטרטגיה מוטעית היא לאל את המשתמשיס 
להיכנס לאתר מהדף הראשי. אסטרטגיה חלופית, 
בשס קישור לעומק (ַחואח1] ק66), מאפשרת 
לאתרים אחריס להפנות את המשתמשים למקוס 
המדויק באתר שמעניין אותס. אתר פ6\\ הוא כמו 
בית בעל אלף דלתות: יש דרכיס רבות להיכנס אליו. 
זהו אכן מקוס מסביר פנים. 


כשישנה דלת ראשית אחת בלבד וכל נקודות הכניסה 
האחרות נעולות, המשתמשים יגיעו אל הדף הראשי, 
ללא הבנה כיצד האתר שלך מסייע למטרותיהם, או 
מהן נקודות היציאה. דבר וה נכון משוס שהדף 
הראשי לעולס לא יוכל להיות ספציפי או מועיל 
לבעיה מסוימת ולהוות את הדף הממשי המתאר את 
המוצר או עונה על השאלה. ווהי נקודה לרעתך. 
בנוסף, אתה מכריח משתמשים ללמוד את שיטת 
הניווט שלך ואת היישיגעונותיי הקטניס של האתר 
שלך, לפני שהם יכוליםס להגיע למקוס אליו הס רצו 
להגיע. זוהי נקודה שנייה לרעתך. האס הלקוחות 
החדשיסם יישארו אתך בשלב והז כנראה שלא. 


עליך לעודד קישוריס לעומק, שהס בבסיס ובמהות 
המסחר האלקטרוני. 
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(בעמוד הבא) דימוי זה לערוץ 
טלוויזיה לשם ניווט - נחמד - 
אך חסר תועלת. במקום 
להציג "שלג" כשהמשתמש 
נכנס לאתר, כדאי הרבה יותר 
להציג סיכום של מה שאפשר 
לעשות באתר. למרות 
שהשימוש בערוצים 
ממוספרים לבחירת 
אפשרויות מתאים לדימוי, 
התועלת השימושית שלו 
נמוכה מאוד. אי אפשר 
לחזות לאן מוליך כל מספר, 
וקשה לזכור לאן לחזור אם 
רוצים לעבור בחזרה למידע 
שכבר נצפה. מספרי הערוצים 
אינם טובים גם למקלטי 
הטלוויזיה הממשיים 
ומשתמשים בהם רק משום 
שתחנות הטלוויזיה השקיעו 
כמות עצומה של כסף 
בניסיון להפוך דבר כל כך לא 
אישי לסמל שלהן. 
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סביבה וירטואלית - דימויים 


השימוש בדימויים (015ח6%80!!) מוגזס לעיתים 
בעיצוב ב-60)\. דימוי זה הניסיון ליצור סביבה 
וירטואלית עבור המשתמש, המדמה איזו שהיא 
סביבה שהמשתמש מכיר. החולשה הגדולה ביותר של 
הדימויים היא שנראה שהס מאלצים את המעצבים 
להיות מתותכמים מדי, ולדחוף את האתר לכיווניס 
שהס אולי משעשעיס ומתאימיס בהקשר של הדימוי, 
אך הס מזניחיסם את המטרות האמיתיות של 
המשתמשיסם. המשתמשים לא חיים בעולס של דימוייס 
(עולס וירטואלי). הס חייס בעולס האמיתי (0זס/\ |568). 


בשל כך, עדיף לתאר מילולית כל רכיב ממשק ואת 
הפונקציה שלו, במקוס להתאיס את הכל לדימוי יחיד. 


בכל ואת, ניתן להשתמש בדימוי (ז0ח16%90/) משתי 
סיבות. ראשית, הדימוי מספק מסגרת אחידה 
לעיצוב, שתיתן תחושה של יותר מאשר פריטיס 
נפרדים. שנית, הדימוי יכול לעודד למידה, על ידי כך 
שהוא ימשוך את המשתמשים להשתמש בידע שכבר 
יש להם על הייחוס בעולס האמיתי. 


לדוגמה, שימוש בדימוי ייעגלת קניות" באתרי מסחר 
אלקטרוני גורס למשתמשיסם להבין מיידית את 
הפונקציה הבסיסית. אפשר לשיס מוצריס בעגלת 
הקניות, שס הס נשמרים עד לביצוע הרכישה. אתה 
יכול לשים כמה מוצרים באותה עגלה, אתה יכול 
להסיר ממנה מוצרים כל זמן שעדיין לא שילמת 
עבורס ואתה יכול לקחת את העגלה לקופה. 


דוגמת עגלת הקניות מאירה גס את החסרונות 
שבדימוי. ידע מוקדם אודות המערכת בעולס האמיתי 
עשוי לסמן למשתמשים שהדרך לרכישת חמישה 
עותקיס של פריט מסויס היא לחזור על פעולת הנחת 
פריט יחיד בעגלה חמש פעמים (במילים אחרות, אס 
רוציס לרכוש חמישה פריטים יש ללחוצ חמש פעמים 
על הלחצן ייהוסף לסליי!). בנוסף, הדרך להסיר 
פריטיס מהעגלה תהיה להציב אותס בחזרה על 
המדף. בניגוד לכך, רוב עגלות הקניות של אתרי 
המסחר האלקטרוני מאפשרות למשתמשים לערוך 
את מספר הפריטיס (הכמות) שהס רוציס לרכוש, וכן 
להסיר פריט לא רצוי על ידי רכישת אפס עותקים. 
הפעולה האחרונה מהווה בעיית שימושיות ידועה, 
ולרוב היא אינה מבוצעת כהלכה (מה זה לרכוש אפס 
מוצריס! האס יש לוה הקבלה בעולס האמיתי?!!) 
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2 עיצוב ממשק באינטרנט 
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סחווזו\/ טזגין | מודד 


עיצוב שנת 1995 של פסחו!זוג 5066 היה מורכב 
מהרבה מאוד דימויים והוא החזיק מעמד עד אמצע 9פ9', אז 
הוחלף בעיצוב מילולי הרבה יותר. למרות שהעיצוב הישן 
ניסה לתת תחושת דלפק נסיעות, העיצוב החדש נראה יותר 
כמו אתר של חברת תעופה. מנקודת המבט של 
השימושיות, קל יותר לבצע פעולות עם העיצוב החדש. 
העיצוב הישן מדגיש בבירור את אחד מחסרונותיו של 
הדימוי: פעמים רבות הוא אינו מספיק כדי לכסות את כל 
תכונות המערכת ההכרחיות. במקרה זה, המעצבים רצו 
לכלול הודעה מיושב ראש החברה (לרוב זהו רעיון רע, אך 
נקבל אותו למען הדוגמה) והם היו צריכים להתאים את 
עצמם על ידי תליית תמונתו על הקיר. זהו עיצוב שמתאים 
לקונסוליה הסינית... 
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דימויים גיאוגרפיים כמעט תמיד גרועים, פרט למקרים בהם 
מתעסקים עם גיאוגרפיה. בדוגמה זו, אנו רואים את מגרש 
הירידים ובנייני המרכזים המסחריים הווירטואליים. בתרשים 
הבא, עברנו לקומה השלישית של המרכז המסחרי, היכן 
שנמצאים משרדי חברות הנסיעות. 
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וז 2 


מערכת הניווט כוללת קישורים לקומה השנייה והרביעית, 
אך לא ניתן לנחש מה נמצא שם. קומות אלו מכילות 
שירותים עסקיים וחברות תוכנה, אך מדוע הם הוצבו ליד 


חברות נסיעות ולא, נניח, 
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ליד חברות טלקומוניקציה 
(שנמצאות בקומה ה-17)? בנוסף, המעבר בין 


התוכנה לחברות טלקומוניקציה קשה: "עלייה" מהקומה 


הרביעית לקומה ה-17. לפחות אפשר לעשות קצת כושר... 


(עם האצבע הימנית, כמובן). 
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בשנת 1995, חברת התקליטורים זסְפַבּץְס\ השתמשה בציור 
של עץ כדימוי להצגת מבנה ממשק הניווט שלה. למרות 
שהעיצוב נחמד ונראה שהוא מתקבל על הדעת, זו אינה 
דרך טובה לשימוש בשטח המסך הזמין, ולא מבנה מתאים 
למידע. מדוע יש כמה דברים על אותו הענף? 
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נסה לדמיין את הפוטנציאל בדימוי של ממלכת המפלצות: מאורת המפלצת (טיפים לחיפוש 
עבודה), שאריות (הצעות עבודה שנמצאות במערכת זמן מה), בית רדוף רוחות (מעסיקים בבעיה) 
והמפלצת של אגם לוך נס (הצעות עבודה מעבר לים). אם נתחשב בשם האתר (חסס.זסזפחסוא\), 
הרי שהוא מהווה דוגמה מרשימה לריסון בכך שהוא מגביל את עצמו לציור הומוריסטי שנותן 
לאתר מעט אישיות. תמיד אפשר להתווכח על השאלה אם שם כמו "זסספחסוא" (מפלצת) טוב 
לאתר שלא עוסק במפלצות, אך מעל לכל ספק הוא שם שקל לזכור והוא עוזר לאתר לבלוט 
בתוך ים השמות הצפוף כגון ה687067780, 37667060 6, |00000078 68 ז סח , 
70606 68, 06חה037607/6, 4ב 87007, 6876675106, 6זטפסקאם68706, 06ח8 ה6א 66 , 
ו6876670, ק0ח6376675, וגם ז6חססנ, ו4טסנ וכן הלאה. 
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מינוח חלופי 


5צהס סוזם, ארכיטקט מידע 
בחברת 37866008 65007606, 
ביצע בדיקות שימושיות של 
מונחי עגלות קנייה בשנת 
9. בעיצוב הטיוטה, הן 
נקראו "560 פַחהוקקסח5" 
(מזחלת קנייה) משום 
שהאתר, שמכר מוצרי ספורט 
לחורף, רצה לבלוט ולהימנע 
משימוש במינוח סטנדרטי. 
התוצאה? מחצית 
המשתמשים לא הבינו את 
רעיון המזחלת. היתר טענו 
שהבינו את המשמעות, 
משום שהמזחלת הוצבה 
במיקום בו ציפו לראות עגלת 
קניות. הם ידעו שכדי לרכוש 
פריט היה עליהם להוסיף 
משהו למשהו אחר, והדבר 
ההגיוני היחיד שעמד 
לרשותם היה המזחלת. 


הלקח: אל תנסה להתחכם 
ולהשתמש במונחים חדשים 
בזמן שכבר ישנם מונחים 
סטנדרטיים שידועים 
לגולשים. 





8 עיצוב ממשק באינטרנט 


עגלות קנייה כממשק סטנדרטי 


עגלות הקנייה נפוצות כל כך באתרי מסחר 
אלקטרוני, עד שהן הפכו מדימוי לממשק סטנדרטי. 
כיוס, כשהמשתמשים נתקלים בעגלת קניות באתר 
הס לא משוויס אותה לעגלה בסופרמרקט פיסי, 
אלא הס חושבים על כל אתרי ה-טפ/\ האחרים בהס 
הס ראו עגלת קניות. לאחר שמשהו נמצא בשימוש 
מסיבי מספיק, הוא הופך למוסכמה בממשק, 
והגולשיס פשוט יודעיםס למה לצפות. 


תהליך הסטנדרטיזציה של עגלות הקנייה טוב ורע. 
היתרונות נעוציס בעקביות. עקביות היא כלי למידה 
ויותר חזקה מדימוייס. למעשה, המשתמש לא צריך 
ללמוד כלום, כל ומן שרכיבי הממשק מתנהגים בדיוק 
כמו שהמשתמש רגיל אליהם. יחד עס זאת, עגלות 
הקנייה לא מתאימות כממשק ליישומיס רבים, אך 
הרגלי המשתמשיס מאלציס את מעצבי האתריס 
להשתמש בהן. 


ניווט 


ה-60/\ היא מערכת ניווט: הפעולה הבסיסית של 
המשתמש היא ללחוצ על קישורי טקסט, כדי לנוע 
במרחב מידע ענק המכיל מליוני דפים. השטח עצוס, 
ולכן הניווט קשה. יש צורך לספק למשתמשים תמיכה 
בניווט מעבר לקישורי הטקסט הפשוטיס. 


על ממשקי הניווט לסייע למשתמשים לענות על שלוש 
שאלות הניווט העקרוניות הבאות: 


> היכן אני נמצאז 
> מהיכן הגעתיז 


% לאן אני יכול להמשיך מכאןז 
היכן אני נמצא? 


שאלת הניווט החשובה ביותר היא כנראה י'היכן אני 
נמצא!יי, משוס שאין למשתמשים סיכוי להבין את 
מבנה האתר אס הס לא מביניס היכן הס נמצאים. 
אם אינך יודע איפה אתה, אין לך יכולת לפרש את 
משמעות הקישור שעברת אליו. 





יש להציג את המיקוס הנוכחי של המשתמש בשתי 
רמות נפרדות : 


6% יחסית ל-60/\ באופן כללי. 
> יחסית למבנה האתר. 


עליך לכלול את זיהוי אתר בכל אחד מהדפים, משוס 
שכל דף הוא חלק מה- פ6/\. כל דפי ה-פ6/\ דומים מאוד 
אחד לשני מנקודת המבט של המשתמש: יש בהס 
קישוריס וטכניקות הפעלה אחרות, הס יורדיס 
(באיטיות) מהאינטרנט, ויש להס סידור דומה. דמיון זה 
טוב למעשה, משוס שהוא מאפשר למשתמש להשתמש 
באותו הידע במרבית האתרים. מחקרי השימושיות 
שערכתי הראו שהמשתמשים מתלוננים באופן חריג 
כשאתר מסויס מנסה להשתמש בממשקי ניווט ששוניס 
בהרבה מאלה שהם רגיליס לראות ברוב האתריס. 


המשתמשים נוטים לצפות בלא יותר מארבעה עד 
חמישה דפים בכל פעם, בכל אתר נתון. החסרון 
הפוטנציאלי בכך הוא שהס לא ידעו באיזה אתר הס 
נמצאים, אלא אס תיידע אותם. לפיכך, הכלל 
הראשון בעיצוב הניווט הוא לכלול את הלוגו (או 
מזהה אחר של האתר) בכל דף. יש למקס את הלוגו 
בנקודה קבועה (מומלצ בפינה השמאלית עליונה אס 
האתר לועזי, או ימנית עליונה אס האתר בעברית), 
ולהפוך אותו לקישור טקסט לדף הראשי, כדי לאפשר 
למשתמשים לעבור לדף הראשי מכל דף באתר. 


תמיכה בניווט בדפדפנים 


כמינימום, דפדפני ה-60/\ חייבים להציע תמיכה טובה יותר בניווט מבני 

(חסחְהטוע3\ 60זטל6ט-50). עליהם להציע תכונות כגון עליה רמה אחת מעלה, או כניסה 
לרמות נוספות של ארכיטקטורת המידע מהדף הנוכחי, וכן תכונות להצגת הקשר בין 
הדפים בהם המשתמש כבר היה. יש להציג תכונות מיוחדות למעבר לרכיבים הקודמים 
והבאים ברצף האובייקטים (זה שונה מלחצן 886% שנמצא בדפדפנים, לחצן זה אינו עובד 
לאובייקט השכן, אלא רק לאובייקט הקודם). בנוסף, יש להבחין בין קישורים שמובילים 
למקומות באתר הנוכחי, לבין קישורים שמובילים למקום אחר באינטרנט. 

מומלץ לשלב בין הידע בצד הלקוח של מה שהמשתמש עושה, לבין הידע בצד השרת של 
מבנה האתר. מפת אתר פעילה עשויה להאיר את המיקום הנוכחי של המשתמש, וכן להציג 
את הנתיב בו הוא עובר באתר. וכמובן, ניתן לשלב את החיפוש במפת האתר הזו, ולהציג 
את האזורים הראשיים של האתרים שמתאימים לשאילתה הנוכחית שלו. 


יש לשלב מנועי חיפוש שפועלים על האינטרנט בתוך הדפדפן, כדי לאפשר חיפושים 
שמוגבלים לאתרים שהמשתמש מחבב או לדפים ספציפיים שהמשתמש כבר ביקר בהם. 
באיזו תדירות אתה מנסה למצוא משהו שאתה יודע שראית ב-60\\? אם רק יכולת לספר 
זאת למנוע החיפוש, בעיית האיתור היתה קלה הרבה יותר (כל משתמש ממוצע ראה לרוב 
לא פחות מכמה אלפי, ואולי אפילו כמה מליוני דפים מתוך מליארדי הדפים הקיימים). 
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דף זה עושה עבודה טובה בתשובה לשאלה "היכן אני נמצא?", בשלוש רמות: 

% אתה באתר דא8דה, כמצוין על ידי הלוגו שבפינה השמאלית עליונה, המקשר לדף הראשי 
(כדאי היה למחוק את הסמל הכפול בפינה הימנית תחתונה, שהוא גם בצבע הלא נכון). 

> בתוך אתר 81ז4, אתה בחלק שעוסק בשירותי 6זסווח585/60. 

> בתוך סעיף שירותי 66וסוחוחס6ע55, אתה בדף שעוסק בשיווק שירותי התקשרות גלובליים 
(0ח60א137] ססחםו!|/ |הססוס). 

המעבר הטבעי של עין המשתמש מלמעלה מסייע בהבנת הקשר ההיררכי בין שלוש רמות המיקום. 

לרוע המזל, סרגל הסמלים שנמצא לקראת סוף הדף לא מדגיש את מיקומו הנוכחי של המשתמש. 

הסמל "6%" צריך להיות גדול יותר, ובצבע אחר, ועליו לבלוט, או לציין בדרך חזותית אחרת שהוא 

מציין את הבחירה הנוכחית מתוך הרשימה. ונקודה נוספת למחשבה: איך יידע המשתמש שאלה ראשי 

תיבות של 66000אזבו\ ססחפווןה |הפסו? 

זאת ועוד: ראה את הסמל שמייצג את הדף. הסמל נמצא בחלקו השמאלי העליון ובו נראה איש 

שנושא את כדור הארץ שכיוון תנועתו לימין. ואילו הסמל המייצג את האתר בסרגל הסמלים 

נראה דומה, אבל הכיוון הוא עכשיו לשמאל. מבלבל אהה?!! 

דבר מבלבל נוסף הוא שני לחצני החיפוש (למעשה, ישנם שלושה לחצני חיפוש אם נתחשב 

בעותק הטקסטואלי של סרגל הסמלים, אך רוב המשתמשים התרגלו להתייחס לרשימת 

הסמלים ולרשימה הטקסטואלית כאל שתי רשימות זהות. 
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המיקוס היחסי במבנה האתר ניתן לרוב על ידי הצגת 
חלקים ממבנה האתר והארת מיקוס הדף הנוכתי. 
חשוב גס לכלול כותרת ראשית ברורה של הדף 
שמציינת את שמו או את התוכן העיקרי שלו. לבסוף, 
כותרת הדף בהגדרת כותרת ה- !ויד צריכה להכיל 
שס משמעותי לכל דף נפרד, כך שהמשתמשים יוכלו 
לאתר אותו בקלות מתפריט הסימניות (0%08765סם) 
שלהס במידה והכניסו אותו לשס. 


מהיכן הגעתי? 


טכנולוגיית ה-65/\ הסטנדרטית היא חסרת גבולות, 
ולכן קשה למעצבי הדפים לענות ישירות על השאלה 
יימהיכן הגעתיזיי, משוס שהאתר אינו מסוגל לשתחזר 
65, או לאתר בצורה אחרת את המקוס ממנו 
המשתמש הגיע. למצלנו, ישנס כמה מנגנוני ניווט 
יעילים בדפדפני ה-60)\ הנוכחייםס שעוזרים לענות על 
שאלה זו. הלחצן 886% יחזיר את המשתמש לדף 
הקודם, רשימת ההיסטוריה כוללת רשימה של 
הדפיס האחרוניס בהס ביקר, וקישורי טקסט נראיס 
אחרת, אם הם מצביעים על מקוס שהמשתמש כבר 
ביקר בו. 


אני ממליצץ לא לשנות את צבעי הקישוריס 
הסטנדרטיים, משוס שהמשתמשים יבינו רק את 
הצבעיס המוסכמים. בחנתי אתריס רבים בהם צבעי 
הקישורים לא היו סטנדרטיים, והמשתמשים! הס לא 
ידעו באיזה קישוריס הס כבר ביקרו. 


הידיעה איוּה קישור מעביר לדף שכבר נצפה 
שימושית משתי סיבות: היא מסייעת למשתמשים 
ללמוד את מבנה האתר, והיא מונעת מהם לבזבצ וזמן 
במעבר לאותס הדפים שוב ושוב. 


לאן אני יכול להמשיך מכאן? 


התשובה לשאלה זו מגיעה מאפשרויות הניווט 
הגלויות ומכל הקישוריס האחריס שבדף. בנוסף, 
בהנחה שהמשתמש הבין את מבנה האתר, קרוב 
לוודאי שהוא כבר יודע על מקומות אחריס שאינס 
גלוייס כרגע. אין אפשרות להראות את כל היעדיס 
הזמיניס בכל הדפים, ולכן ברור שמבנה טוב של אתר 
יכול להקל על מתן התשובה לשאלה י'לאן אני יכול 
להמשיך מכאןנ'י. 
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(בעמוד הבא) הנה דוגמה 
נחמדה להדגשת מיקום 
המשתמש באתר. שים לב 
כיצד השימוש בצבעי קישורים 
סטנדרטיים בקישורי הדפים 
השכנים מקלה על המשתמש 
לראות היכן הוא כבר ביקר. 
בדוגמה זו, המשתמש כבר 
ביקר בדף "חסט6טססיטחז" 
ובאזור "סו|סזסק". 
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?7 סל פַחוקסח 6ז'טסץ זבּחצו זהּחז 
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(למעלה) ציון עדין למיקומו הנוכחי של המשתמש. במקום 
שסרגל הניווט עצמו ידגיש את האזור הנוכחי, עושה זאת 
במקומו תמונה נחמדה בצורת דג. אבל התמונה רחוקה, 
לטעמי, מהסרגל, וגם המשתמש יצטרך "ללמוד" שתמונת 
הדג קשורה למיקומו הנוכחי. חץ היה נראה יותר מובן. 
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תפריטים נגללים כמו "חסְטְהּטוטגּ\ 5166" בתרשים זה, גורמים לבעיות שימושיות רבות, כי 
שהמשתמשים לא יכולים לראות את סדרת האפשרויות המלאה בלי לנקוט בפעולה מפורשת. אני 
מעדיף ליצור סדרה קטנה של אפשרויות ניווט מקיפות שניתן להציג אותן כל הזמן. בעיה נוספת 
באתר זה היא המיקום הקטן מאוד והלא שגרתי של שם החברה. 


דף מוצר זה מהווה דוגמה מעניינת לניווט מקומי בצורת קישורי "ראה בנוסף" למוצרים דומים, 
תחת הכותרת "6זּקוח0ס6 >סוט0" (השוואה מהירה). יותר מדי פעמים, כלי הניווט ב-65/\ פועלים 
מתוך הנחה שהמשתמשים יעברו ישירות ליעד המדויק שהם זקוקים לו. למעשה, המשתמשים 
יגיעו לרוב למשהו שמתאים בערך, אך לא בדיוק. אם אין באתר כלי ניווט מקומיים למוצרים 
דומים, אין למשתמשים ברירה אלא להתחיל מהתחלה ולקוות לתוצאות טובות יותר בפעם הבאה. 


תכונת 6ז3קוח60 016% בדוגמה זו היתה טובה יותר לו היו מצוינים לא רק הקישור, אלא גם 
ההבדלים בין המוצרים. במילים אחרות, סייע למשתמש להבין מדוע ותחת איזה נסיבות הוא 
עשוי להתעניין במוצרים האחרים. כלילת המחיר מספקת מימד שכזה (אם אינך יכול להרשות 
לעצמך לרכוש את המוצר הנוכחי, קל למצוא אחד זול יותר), אך לא ברור מה ההבדלים העיקריים 
האחרים בין המוצרים. כנראה כדאי לבחור במדפסת אחת אם אתה זקוק לצבע, או לבחור באחרת 
אם אתה מדפיס עותקים רבים בכל יום, אך בעיצוב הנוכחי, המשתמש לא יודע ולא מקבל סיוע 
בהחלטה לאן ללכת אם הוא רוצה לעזוב את הדף הנוכחי. 
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ישנס שלושה סוגיס של קישורי טקסט שניתן 
להשתמש בהס בדף: 


% קישורים מוטבעים (11065 5060060) הס 
הטקסט המסורתי עם הקו התחתון שמציין שיש 
'יחומר נוסף'' בנושא מעבר למה שמתואר בגוף 
הטקסט. 


> קישורים מבניים (5א118 !גזטפז6טז5%) הס 
קישורים שמצביעיס בצורה שיטתית על רמות 
אחרות של מבנה האתר, וכן על ייהוריסיי או 
ייילדיםיי בהיררכיה. חשוב שיהיו קישוריס 
מבנייס זהיס, כדי שהמשתמש יידע לאיוה 
אפשרויות ניווט לצפות. כמובן שהיעדיס 
המדויקיס עליהס הקישורים יצביעו ישתנו מדף 
לדף. לפיכך, עדיף לרוב להשתמש במנחי 
קישוריס (5זסח6ח\ אחו1), שנותניס שס ליעדיס 
הספציפיים, כדי לציין את היחס המבני הכללי 
בין הדף הנוכחי ודף היעד. לדוגמה, עדיף ליצור 
קישור בשס ץ!והח3: שטססזק 066סו\ סז יי 
מאשר קישור בשס ייק |6\6] 6חסיי (רמה אחת 
למעלה). 


> קישורים אסוציטיביים (%5ח11 6ש455061811) 
מיועדים לתת למשתמשים רמזי ייראה בנוסףיי 
אודות דפיס שעשויים לעניין אותס משוס שהס 
דומים או קשורים לדף הנוכחי. 


לרוב, עדיף לייצג קישורים על ידי טקסט עס קו 
תחתון, לשמור על צבע סטנדרטי כחול (6טום) 
בקישוריס שעדיין לא נצפו, וצבע סגול (פ!טזטט) עבור 
אלה שכן נצפו. כולס לומדיס להתרגל לכך מהיוס 
הראשון ב-60/\, ואין שוס ספק בכך שטקסט עם קו 
תחתון משמעו יילתצ כאןיי. הקו התחתון משויך כיוס 
לכדאיות ללחו עליו, ולכן לא מומלצ להציב קו 
תחתון מתחת לטקסט שלא ניתן ללחוצ עליו. 


בעיות השימושיות מיוחסות גם הן לקישוריס שאינס 
נראיס בצורת טקסט עס קו תחתון פשוט. יש 
להשתמש בתפריטים נגללים וגרפיקה למטרות ניווט 
בלבד ולהיוהר בשימוש בהס, משוס שהס לא 
מתנהגיס בצורה הסטנדרטית של טקסט עס קו 
תחתון. הס לא הופכיס לסגוליס למשל, אס הס 
מקשריס למקומות שהמשתמש כבר ביקר בהם. 
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אחד מעזרי הניווט ההכי לא שימושיים שראיתי ב-60/\. 
למשתמש חמש אפשרויות ברורות, אך אין לדעת מה תוכן 
אפשרויות אלו בלי להעביר את העכבר על כל אחד מהלחצנים. 
ייתכן ש-66וח 60 6וקוחץו0 רוצים להבטיח שהגולשים 
חסרי הכושר יאמנו את אצבעותיהם על ידי הזזת העכבר. 


ממשק ניווט חייב להציג את כל החלופות הזמינות בעת 
ובעונה אחת כדי שהמשתמשים יוכלו לקבל החלטה 
שמבוססת על ידע - איזו אפשרות תספק את צרכיהם 
בצורה הטובה ביותר. לא זו בלבד שצריך להזיז את העכבר 
כדי לראות את האפשרויות, גם נדרש לזכור את האפשרויות 
שכבר נצפו בזמן קבלת ההחלטה במה לבחור, כי 
כשהמשתמש שם את הסמן על אפשרות 1 הוא לא יודע 
מה יש ב- 2, וכאשר הוא שם את הסמן ב- 2, הוא צריך 
לזכור מה היה רשום ב- 1. 


הקש האחרון בעיצוב של אתר סוקוחץו0 מגיע בצורת הלוח 
שבחלק השמאלי של המסך. לוח זה אמור לאפשר למשתמשים 
גישה מהירה לאפשרויות הניווט הראשיות במסכים הבאים, 
אך הוא טוב רק אם הם זוכרים שמשמעות ריבוע כחול 
(מספר 2) היא "ח6!טח6 |0168". זה לא בדיוק שיוך צבע 
טבעי, ולכן המשתמשים ייאלצו להשקיע כמה שעות 
בלמידת מבנה האתר כדי להכניס את טבלת הצבעים 
לזיכרון ארוך הטווח, אם ירצו להשתמש בו בצורה יעילה. 
מה שאנו כבר יודעים אודות ה-60)\ הוא שאף אחד לא 
נאמן מספיק לאתר מסוים עד כדי כך שהוא יסכים לעבור 
סדנת אימונים מיוחדת כדי להשתמש בו. 
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לחצן המנכ"ל 


אחד מהסימנים 
הקלאסיים לניהול גרוע 
של אתר 60/\ הוא 
כשהדף הראשי מכיל 
לחצן עבור המנכ"ל 
ועבור כל אחד מסגני 
הנשיא הבכירים בחברה. 
זכור, אתה לא מעצב 
עבור המנכ"ל או סגני 
הנשיא. אתה מעצב 
עבור המשתמשים. 
לפיכך, לא יהיה זה 
מעשה בלתי מקובל, אם 
לא תוכל ליידע את 
המנכ"ל וסגניו היכן 
הלחצן "שלהם" נמצא 
בדף הראשי. 
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מבנה האתר 


לא משנה באיזה עיצוב תבחר לאתר שלך, עליו להכיל 
מוטיב נפוץ שקיים בכל צורת ניווט: עליו להמחיש 
את מיקומו הנוכחי של המשתמש ומקומות חלופייס 
שמתייחסים למבנה מרחב המידע. אם המבנה גרוע, 
אף צורת ניווט לא תוכל להציל אותו. ארכיטקטורת 
מידע גרועה מובילה תמיד לשימושיות גרועה. 


לרוב האתריס יש מבנה היררכי בעל רמות מידע 
שעולות הדרגתית ברמת הפירוט. לאתריס אחרים יש 
מבנה טבלאי בו הדפיס מסווגיס יחסית למספר 
תכונות או פרמטרים. לדוגמה, ניתן לעצב את דפי 
האירועיס באתר המשחקים האולימפיים לפי סווג 
של סוג הספורט, הנתונים שלהם ומיקומס. 
המשתמשים יוכלו לראות את כל הדפיס שקשוריס 
לסוג ספורט מסוים, או לאירועיס בעיר מסוימת. 
מבנה ליניארי הגיוני. 


שני הכללים החשוביס ביותר במבנה האתר הם : 
1. קודס כל שלאתר יהיה מבנה ברור. 


2. המשתמש יוכל לזהות היכן הוא נמצא באותו 
מבנה. 


קביעת מבנה אתר היא פעולה שנראית ברורה, אך 
הרבה אתריס קמיס ללא מבנה מתוכנן, ובסופו של 
דבר הס הופכיסם לתוהו ובוהו בדמות אוסף תיקיות 
אקראיות בחלקיס שוניס שלהם, שאין ביניהן שוס 
קשר. טעות נפוצה שנייה היא לגרוס לכך שמבנה 
האתר ישקף את מבנה הארגון שלך במקום שייבנה 
מזווית המשתמש. המשתמשים לא צריכים להתעניין 
בצורת הארגון של החברה, ולכן הס לא אמוריס 
לנחש את המבנה הארגוני שלה ממבנה האתר. אכן, 
קל יותר לחלק את האחריות על האתר למחלקות 
ומדוריס לפי שרשרת הניהול והתקציב הקיימות, אך 
דבר וה הוא יתרון פנימי לארגון בלבד ולא למשתמש. 


מבנה האתר צריך להיקבע על ידי המשימות 
שהמשתמשים ירצו לבצע באתר, אפילו אס משמעות 
הדבר תהיה דף מידע משותף לשתי מחלקות שונות 
לחלוטין. לרוב, יש לחלק מידע ממחלקה אחת לשני 
חלקיס באתר או יותר, ויש לנהל רביס מאתרי 
המשנה על ידי שיתוף בין מחלקות שונות. 
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בסוזם החטבה בוד עטם 
0 ה '[הוה6' ,10 זוז 
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00 2 '[ה461]' פעסאווסו 12 ז6הזס 
0 ₪013 '[ה1ה6' 1941 זז 
0+ 2 '[ה1ח36!' עסווה/\ 6ו!1 חו פעְהם 2 זפהזס 
0 06 '[ה161]' 61הזוזס:) שאה 6עע זה6צ פווד :2010 זז 
0 אש '[ה1ה6' 6088// 1/2 9 ז6זס 
0 ה 16711" ...זוז ז5ה | זווסטה ז6זס 
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0 813ק "1611" ,0616616 261 :ה זווזווס/\ 66 ז6טזס 
0 013 "16181" 1!5ה<) 6 זווזה₪ הסווע/ :ה זווזה6/\ 266 ז6ז 
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0 ה '[ה1וו6:]' 3 חסוות זסזס 





מבנה מידע ליניארי הוא לרוב סימן אזהרה לשימושיות 
גרועה, משום שה-60/\ אינה ליניארית מטבעה. 
המשתמשים לא רוצים לעבור בנפרד דרך כל רכיב באתר. 
בדוגמה זו, קשה לתאר משתמש שיסרוק רשימה של 753 
סרטים בסדר אלפביתי. עדיף לספק סדרת חלופית של 
עקרונות מבניים, הכוללת דרך למיין את הסרטים על פי 
איכותם (לפי הביקורות) ודרך לסנן סוגי סרטים מסוימים 
(לפי שפה ואורך, למשל). במקרה זה רשימה אלפביתית 
היא פתרון מצוין. הייתי מחליף את רשימת הקישורים 
המספרית (51-100, 1-50 וכך הלאה) ברשימת קישורים 
אלפביתית 0-0, 3-6 וכך הלאה) מכיון שלקוח אינו מחפש 
את הסרט מספר 451 ברשימה, אלא את הסרט המתחיל 
באות 6. 
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0 עיצוב ממשק באינטרנט 


(בעמוד הבא) באפריל 1998 זס)חס)] 5616066 ח508וזח0 סחדך 
ערך ניסיון בתכנון מבנה אתר וממשק ניווט, ששיקפו את 
הגירסה המודפסת של העיתון. המשתמשים עברו דרך 
גרסאות פשוטות של תמונות הדפים הממשיים של העיתון 
היומי, ויכלו ללחוץ על תמונת הכתבות, כדי לקבל את 
הטקסט המלא שמוצג בחלק הימני של החלון. 


הבעיה העיקרית בעיצוב הזה היא שהניווט בו איטי להחריד. 
כל אחד מצילומי הדפים המוקטנים הוא בגודל של כ- 8א60, 
וזמן ההורדה שלו הוא כ-20 שניות במודם 28.8. ידוע לנו 
שעשר שניות הן זמן התגובה המירבי לקבלת דפי 60/\, 
לפני שהמשתמש מתקומם. ניווט משופר דורש זמני תגובה 
קצרים יותר. 


הניווט בין הדפים נעשה על ידי תפריט שאין בו דבר פרט 
למספרי עמודים. המשתמשים אינם יודעים באיזה עמוד 
נמצאת כל הכתבה, ולכן עליהם לנחש ולעבור אקראית 
לדפים. היה עדיף בהרבה לספק תפריט של כותרות אזורים 
או כותרות ראשיות. לדוגמה, יש יותר משמעות במעבר 
ל-"ח56600 ₪000" מאשר ל-"14 6ְאָבק", בהנחה שהכתבות 
שעוסקות במזון נמצאות בעמוד 14. מספרי הדפים טובים 
לגירסה המודפסת, שבה המשתמשים מדפדפים במוצר 
פיסי, אך ב-60/\, הכל נמצא במרחק שווה (לחיצת עכבר). 
לפיכך, נדיר שמבנה האתר צריך להיות ליניארי. 


יתרה מזאת, עיצוב זססוחסוי! לא איפשר למשתמשים לקבל 
מבט כללי מהיר על החדשות העדכניות וגם לא הסב את 
תשומת ליבם לחלקים בעיתון שעשויים לעניין אותם. זוהי 
מערכת ניווט ליניארית טהורה, שהפכה לכמעט חסרת 
תועלת בשיטה האיטית של "הפיכת דפים". בזמן צפייה 
בעמוד, לא ניתן לקרוא כותרות, אזורים, כותרות משנה, או 
כל אחד מהמרכיבים הקצרים אך חשובים של עיצוב כתבה, 
שעוזרים לקוראים להחליט מה לקרוא. 


לאחר שהמשתמש הצליח למצוא כתבה מעניינת, העיצוב 
נכשל שוב משום שרק חצי מהחלון זמין להצגת הכתבה 
הממשית, ובכך נדרשת יותר גלילה מהרגיל, וקשה לסרוק 
את הטקסט. בנוסף, השימוש ב-365?= מקשה לסמן 
כתבות מעניינות, או לשלוח הודעה ובה כתובות !חש של 
כתבות מומלצות לחברים (שיטה מצוינת להגדלת השימוש 
באתר ס6/\ על ידי ניצול קשרים חברתיים). 
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לא הייתי ממליץ על העיצוב לאף עיתון, ובצורה אירונית הוא 
לא מתאים במיוחד ל-זסזוחסוז. רוב הדפים שבו מכילים לא 
יותר מכתבה אחת או שתיים. לפיכך, סידור הדף נותן מעט 
מאוד רמזים על הקשר בין כתבות או מאפייני כתבות 
מסוימים. לעיתונים אחרים יש סידור מורכב יותר בו המיקום 
היחסי של הכתבות בדף מספק יותר מידע. 
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כדוגמה למבנה היררכי, ניתן לחלק אתר חברה 
לקטגוריות רמה עליונה, כגון מידע אודות מוצריס, 
הצעות עבודה ומידע למשקיעיס. הדף הראשי הוא 
הרמה העליונה בהיררכיה, ולכן קטגוריות ראשיות 
אלו מהוות את הרמה השנייה במבנה. המידע אודות 
המוצריס יכול להתחלק אף הוא למשפחות מוצריסם 
(הרמה השלישית במבנה), וכל משפחת מוצריס יכולה 
להתחלק למידע אודות מוצריס מסוימיס (רמה 
רביעית). לבסוף, ניתן ליצור לכל מוצר דפי מפרט, 
תמחור ואפשרויות הגדרה, כתבות על לקוחות 
מרוציס ומידע אודות שירות (רמה חמישית במבנה). 


חשוב על דף שיש בו אפשרויות תמחור והגדרה של 
מוצר 061/1006%ט5. דף זה שייך לחמש הרמות של 
היררכיית מבנה האתר: 


1. אתר ה-פ6/\ של החברה (בניגוד לאתר אחר). 


2. קטגוריית ''סטססזפיי (בניגוד לדבריס אחרים 
כגון הצעות עבודה). 


3. משפחת מוצרי 0066ו\ש. 


= 


המוצר 006ו//ז6ק50. 


5. תמחור והגדרה. 


החשיבות ביצירת מבנה שמתרכז במשתמש 


בפרויקט מסחר אלקטרוני שעבדתי בו, טיוטת הדף הראשי הכילה שלוש דרכים להגיע 
למוצר: פונקציית חיפוש אחת ושתי סכמות ניווט, כששתיהן הוצגו כרשימת אפשרויות 
פשוטה. סכמת ניווט אחת היתה בנויה לפי נקודת המבט של רוב המשתמשים על האתר. 
הסכמה השנייה נבנתה על פי הדרך בה רוב חברי הצוות של היצרן הכירו את קווי המוצרים 
שלהם. 


התוצאות מבדיקות השימושיות הראו שההצלחה היתה 80% כשהמשתמשים השתמשו 
בסכמת הניווט שנבנתה עבורם, ורק 9% הצלחה בשיטת הניווט הפנימית של החברה. 


הלקח: סכמת הניווט השנייה הוסרה מהאתר, למרות שדבר זה היה למורת רוחם של חברי 
הפרויקט. לסכמה השנייה היו יתרונות רק עבור אותם אנשים שידעו לעבוד איתה נכון, אך 
היא הובילה את רוב המשתמשים לבעיות, ולכן היא גרמה יותר נזק מאשר תועלת. 


ההשוואה בין 80% הצלחה ל- 9% הצלחה מובילה למסקנה שהשימוש בארכיטקטורת 
מידע שבנויה על פי צרכי המשתמש, טובה פי תשע בערך מבחינת השימושיות שלה 
מארכיטקטורת מידע שבנויה על פי צרכים פנימיים. כמובן שההבדל המדויק בין שתי 
הגישות משתנה מפרויקט לפרויקט, אך לרוב הוא גדול. אני לא מתכוון רק לכמה הבדלים 
באחוזים. אני מתכוון להבדל בין הצלחה לכישלון של כל מי שמנסה למכור משהו ב-65/\. 





2 עיצוב ממשק באינטרנט 


אני מעדיף להציג את כל חמש הרמות בממשק 
הניווט, משוס שהן כולן מסייעות למשתמש להבין 
את מיקומו הנוכתי. טוב יותר לתכנן את האתר שיציג 
גם אפשרויות חלופיות ברמה אחת או יותר. חלופות 
אלו מסבירות למשתמשים לא רק את מה שהס 
רואיסם, אלא איך ניתן לפרש את המידע יחסית 
לאפשרויות אחרות באתר. בנוסף, כמובן, רשימות 
חלופיות מקלות על המשתמשים לעבור ישירות לאחת 
האפשרויות החלופיות אס היא מתאימה יותר לצרכי 
המשתמש. 


בדוגמה שלי, הוספת רשימת החלופות לרמה 
הרביעית של מבנה האתר תראה למשתמש שמשפחת 
מוצרי 86%ָ0ו\ מכילה את המוצריס 086%5!\\וחוו! 
(-108660135516/\ בנוסף למוצר 006%ו//ז6קט5. אס 
המשתמש מעוניין ב-006%ו/\וחווז, הוא יכול לעבור 
ישירות לדף המוצר המתאים, ולנווט משס לדף 
התמחור וההגדרות המתאים לו. 


רוחב מול עומק 


כיום, עיצוב הניווט הנפוצ ביותר הוא לכלול רשימה 
של כל הרמות העליונות באתר, לרוב בצורת פס אנכי 
שבחלק השמאלי (אנגלית) של הדף, כפי שנעשה 
בעיצוב המקורי של חח ס5.6א\6ח (בעמוד הבא). היתרון 
בעיצוב ה הוא שהמשתמשים מקבליס תזכורת 
קבועה על כל השירותיס הזמיניס באתר. דבר וה 
שימושי במיוחד עבור משתמשיס שלא נכנסיס לאתר 
דרך הדף הראשי, אלא מגיעיס ישירות לדף שנמצא 
אי שס בתוכו. למרות שזה יתרון, לדעתי מוגזס 
להקדיש 20% משטח דף פנימי לאפשרויות רמה 
עליונה, שניתן לגשת אליהן מהדף הראשי במחיר 
לחיצה אחת נוספת. 


הפס הצבעוני משרת מטרה כפולה כמנגנון סימן היכר 
לאתר, ומקל על המשתמשים לזהות שהס באתר 
המסוים הזה. הפס הוא גם סוג של לוגו שעוזר 
למשתמשים לזהות את מיקומם ב-ס6/. 


בעוד שלאתר חסס.8ו6ח יש עיצוב ניווט שמדגיש את 
הרוחב, סרגל הניווט ב- וחסס.זו6פט מדגיש לחלוטין 
את העומק. הוא מציג את הנתיב ההיררכי המלא 
מהדף הראשי דרך כל הרמות ועד לדף הנוכחי. לפיכך, 
המשתמשיסם מקבלים תחושה מלאה של מיקומס 
הנוכחי יחסית למבנה האתר, והס יכוליס לעבור 
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מערכת הניווט בעיצוב 
המקורי של וחסס.5וו6ח כללה 
שלושה רכיבים: רשימת יעדים 
ברמה העליונה בצד השמאלי, 
רשימת כתבות עדכניות בצד 
הימני, ורשימה של כתבות 
קשורות בתחתית. ריבוי 
ההתייחסויות יעיל, ומאפשר 
למשתמשים למצוא כתבות 
שהם חיפשו מלכתחילה. אני 
פחות מרוצה מהשטח הגדול 
שהוקצה לקישורים לחדשות 
עדכניות ולא קשורות. הייתי 
מעדיף להציב את רשימת 
הכתבות הקשורות בראש 
הטור הימני, משום שזה יגדיל 
את הסיכוי שהמשתמשים 
יראו אותה. אם המשתמש 
הביע מספיק עניין בנושא 
הכתבה הנוכחית, עד כדי כך 
שהוא בחר בה מתוך תוכן 
העניינים, סביר להניח 
שהמשתמש יהיה מעוניין גם 
בקריאת חלק מהכתבות 
הקשורות. דבר זה נכון אפילו 
במקרה של משתמשים שלא 
מעוניינים מספיק בפרטי 
הכתבה המסוימת, ולכן הם 
לעולם לא יגללו את הדף עד 
סופו. 
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פרק 4: עיצוב האתר 
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לכל דף ברמה עליונה יותר בלחיצה אחת. סכמת 
הניווט הזו נקראת לרוב 85חזוטז6806זפ (פירורי 
עוגה) כמו באגדה 'יעמי ותמייי. 


לרשימת ניווט בצורת ייפירורי עוגהיי (המדגישה את 
עומק האתר) יש יתרון בכך שהיא פשוטה מאוד, היא 
דורשת שטח מינימלי בדף ובכך היא משאירה את רוב 
הפיקסליס היקריס לתצוגת תוכן. בסופו של דבר, 
התוכן הוא העיקר, ומחקרי השימושיות שלי מראיס 
שהמשתמשים נוטיס להתעלס מאפשרויות ניווט, 
ומסתכלים ישירות על גוף הדף כשהם מגיעים לדף 


סרגל הניווט שבאתר 
וחסס.ז/56 מציג את המיקום 
הנוכחי של המשתמש יחסית 
למבנה ההיררכי של תוכן 


האתר. שים לב כמה קל חדש. שיטת פירורי העוגה יעילה רק עבור 

לקרוא את מיקום הדף במבנה ארכיטקטורת נתוניס היררכית, משוס שהיא דורשת 
ההיררכי של האתר. קל יותר רמות מקוננות ממש כמו עצ התיקיות בסייר 

ליצור את הדוגמה הזו מאשר 5וססחו/צ. אך עבור מבניס כאלה, רשימת כל הרמות 
לפענח את כתובות ה- !חש העליונות עוזרת למשתמשים להבין, ועוזרת 

ושמות התיקיות בשדה למשתמשים לעבור במהירות מהדף (לצאת מהדף) אס 
הכתובת של הדפדפן. הוא לא מתאיס להסם. 
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(בעמוד הבא) שני יישומים 
שונים של שיטת פירורי עוגה 
(05ו6806707ט) באתר 

+ח 0065 ! (עיצובי השנים 
7 ו-1999). אף אחד 
מהעיצובים הללו אינו מושלם. 
העיצוב הישן (העליון) ברור 
יותר, וקל להבין באמצעותו 
את הקשר בין הרכיבים 
השונים. הצבת הסימן < בין 
כל שם מסמלת היררכיה או 
רצף בין הרכיבים. בניגוד לכך, 
בעיצוב החדש (התחתון) 
הרכיבים מופרדים על ידי סימן 
מינוס (-). לסימן מינוס אין 
שום קשר להיררכיה. להיפך. 
הנתיב דומה מדי לרשימה 
פשוטה של חלופות חסרות 
מבנה. לרוע המזל, העיצוב 
הישן לא כלל את רשימת כל 
רמות הניווט, והוא השמיט 
את הרמות העליונות, שהיו 
נגישות בלחיצה על הסמל 
המשולש הפונה שמאלה 
(שנראה מטושטש במידת 
מה). לעיצוב החדש יש יתרון 
בכך שהוא מכיל רשימה של 
כל הרמות בהיררכיית הניווט 
שנמצאות מעל למיקום 
הנוכחי, מהרמה העליונה 
(0וזס)\) ועד לשם הדף הנוכחי 
(שווו0ה5). כמובן שזו טעות 
להפוך את שם הדף הנוכחי 
לקישור טקסט. לעולם אל 
תכלול קישור שמצביע ישירות 
על המיקום הנוכחי של 
המשתמש. 


עיצוב 100508 (בעמוד הבא) משלב עומק ורוחב על 
ידי הצגת הרבה רמות היררכיית ניווט (עומק) 
ורשימת כל האפשרויות החלופיות לכל רמה (רוחב). 
החיסרון הבולט בגישה זו הוא שהיא דורשת שטח 
מסך גדול. משוס כך, תצוגה משולבת של עומק ורוחב 
תתאים יותר למצגות דינמיות שנטשו את ה- וד 
הפשוטה. ניתן להשתמש ב- |ודח 6ווחהחץכ כדי לשלב 
תצוגה קבועה של כל הרמות (עומק), יחד עס חלופות 
צצות (רוחב) בכל רמה נתונה, כאשר הסמן נמצא על 
שם הרמה. 


דוגמה אחרונה לכך היא תבנית הדף של 
5 הנופ (עמוד 212-213), שמספקת עומק 
ניווט הן ברמות הגבוהות של מבנה האתר והן ברמות 
הנמוכות שלו. העומק ברמות העליונות מוצג בראש 
הדף ומכיל רשימה של כל הקטגוריות ברמה העליונה 
שבאתר. העומק ברמות התחתונות מוצג בצד 
השמאלי יחד עס קישוריס לכל התוכן ברמת הדף 
הנוכחי, כולל כמה קישוריס אסוציטיבייס לחומר 
מסוג 8150 566'י. לבסוף, העיצוב מספק מידה 
מסוימת של עומק על ידי ביוו שמות חלק (אך לא כל) 
מרמות המבנה מעל לדף הנוכתי. 


אני ממליץ להשתמש בערכה משוכללת זו של מנגנוני 
ניווט רק באתרים גדוליס עס תוכן לא אחיד (נכון 
להיוס, הייתי מגדיר אתרים ייגדולים מאודיי רק 
אתריס שמכיליס 10,000 דפים ומעלה). באתרים שיש 
בהס פחות דפים קל יותר לנווט בעזרת עיצוב ניווט 
פשוט יותר. מומלצ להשתמש בשיטות פשוטות 
לניווט, אפילו באתריס הגדוליס ביותר אס התוכן 
שלהם כל כך אחיד עד שהמשתמשים יוכלו להבין את 
מבנה הנתונים. לדוגמה, אתר שמכיל תיקיס 
פיננסייס של כל החברות הציבוריות בארצות הברית 
יכול להשתמש במבנה פשוט כדי לתמוך בניווט בין 
מאות אלפי מסמכים, משוס שלכל המסמכים הללו 
יש את אותן התכונות. 


לרוע המזל, כמה אתריס משלבים כמות גדולה של 
חומר לא אחיד, ונקלעיס למבנה מורכב שמצריך 
תמיכת ניווט מסיבית. לרוב, והו המקרה בחברות 
גדולות שיש להן כמה קווי מוצריס שמיועדיס 
ללקוחות שוניס. 
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עיצוב שנת 1997 של ז00%658] מציג ארבע רמות של 
תוכן האתר. עיצוב זה נקרא 6/6ח15=. מצגת זו מספקת 
יותר פרטים ברמות שקרובות לסוג העניין הנוכחי של 
המשתמש. בדוגמה זו, הייתי מעוניין בכלי ד לעיצוב 
סש , ולחיצה על אפשרות זו נתנה לי רשימת כלים. אך 
התצוגה מספקת עומק נוסף על ידי כך שהיא גם מציגה 
את סוגי כלי העיצוב האחרים ל-60או\ המתוארים באתר. 
עליה רמה אחת למעלה תיקח אותנו רחוק יותר מאזור 
העניין הנוכחי של המשתמש, ולכן היא מכילה פחות עומק. 
העמודה השלישית מציינת שיש מידע נוסף אודות הנושאים 
שקשורים לאינטרנט, אך נושאים אלה לא מתוארים באותה 
רמת פירוט כמו כלי העיצוב ל-60/\. עליה שלב אחד 
למעלה, אל העמודה השלישית, תגלה רשימה של נושאים 
אחרים שקשורים במחשבים, אך רמה זו מתוארת בצורה 
הכללית ביותר. 
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עיצוב שנת 1999 של צזאוח5אסס | מספק תצוגה בשלוש 
רמות תוכן 0ח6סחסס 01 6/6|5| 66זח+ +0 שוסוצ 6ץ6ח₪85). הרמה 
העליונה ביותר לא מוצגת כלל, והרמה השנייה מוצגת רק 
על ידי הכותרת "+6ח6זח1". אין אפשרות לדעת שקטגוריית 
הרמה העליונה הנוכחית היא "פחטטקוחס6", או מה 
הקטגוריות שברמה השנייה בתוך פַחטטקוח0ס6. אני מעדיף 
את העיצוב של שנת 1997 (ללא קשר לכך, מדוע להציג 
פרסומת מסוג "%7 30 5094 0105 03708105 6וחהּח-0חהזם" בלי 
לספר לנו איזה סוגי מוצרים נמכרים? אני לא יכול לתאר 
לעצמי הרבה גולשים שיימשכו להבטחה שמשהו לא ידוע 
עולה %7). 
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תמיכת ניווט בשיטת ₪566 באתר ווחסשאח1. הגרפיקה 
בראש הדף מציינת בבירור שאנחנו מביטים במוצר מנוע 
החיפוש של החברה (וכי שאר המוצרים הם ז6צז56 8)66זד 
ו- 6חופחם פַחוסקסח5). בסדרה זו של דפי מוצר, אנחנו 
מביטים כרגע על ה-זפְחזזהּק, וישנה דרך פשוטה לעבור 
לחמשת הדפים האחרים אודות מוצר זה 

0%000, ססח3ץ, וחסס.קְהח5, אפו\ וקישור נוסף - 

58 0+ 8/6 ש6ח+ +החעו 680 %0 שזסח >6ו61). 
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עיצוב הדף הסטנדרטי של חט5 מוטבע בתוך תבנית ניווט 
בצורת ] יחד עם תמיכת ניווט משוכללת. אפשר ללמוד 
מהיישום השונה של אמצעי הניווט בשתי גרסאות העיצוב 
השונות. עיצוב שנת 1998 של מערכת הניווט סיפק כמה 
רמות היררכיה. האפשרויות ברמה הגבוהה ביותר הופיעו 
למעלה, המיקום הנוכחי צוין בעזרת שתי רמות קינון 
בסרגל האופקי השני, ואפשרויות הרמות הנמוכות יותר 
ניתנות בצד. תיבת החיפוש מוצגת מתחת ללוגו: מקום 
בולט, אך במשך הזמן, נטו שלא להשתמש בו באתרים. 
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500.60 ./ע/ע/ץ 
עיצוב שנת 1999 פשוט יותר מבחינת הגרפיקה וזמן 
ההורדה. אפשרויות הרמה העליונה עברו לתפריט נגלל 
(טח6וח הצשוסס-קסזכ), למרות שהרמות העליונות ביותר עדיין 
מוצגות למעלה. המיקום הנוכחי מצוין בשיטת פירורי עוגה 
(05וחטו6806זם), והיתרון בכך הוא שניתן לראות את כל 
הרמות (דבר זה טוב במיוחד במקרה של כתבה שמקוננת 
עמוק בתוכן כמו זו שבתרשים), אך החסרון שבו הוא 
שהנתיב לא מציג את החלופות השכנות. לבסוף, אפשרויות 
הרמה הנמוכה ביותר עדיין מוצגות בצד. תיבת החיפוש 
עברה לפינה הימנית עליונה: מיקום זה הפך לסטנדרט. 
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המשתמש שולט בניווט 


בעיצוב ממשק משתמש מסורתי, המעצב קבע מתי 
ולאן המשתמש יעבור. אפשר לחסוס אפשרויות 
תפריט שלא מתאימות למצב הנוכתי, וניתן להציג 
תיבת דו-שיח שמשתלטת על המחשב עד שהמשתמש 
ילחץ על הלחצן שבתוך אותה תיבת דו-שיח. ב-6/), 
לעומת זּאת, המשתמש שולט בניווט שלו בדפים. 
המשתמשים יכוליס ללכת בנתיביס שהמעצב לא 
תכנן. לדוגמה, הס יכולים לעבור ממנוע חיפוש 
ישירות אל תוך תוכו של האתר, מבלי שיעברו דרך 
הדף הראשי. המשתמשים שולטים גס בתפריט 
הסימניות שלהם ויכולים להגיע ישירות לדפיס בהס 
ביקרו בעבר. 


מעצבי 60/\ חייביס להתאים את עצמס ולתמוך 
בצורת ניווט שנשלטת על ידי המשתמש. לעיתים ניתן 
לאל משתמשים לעבור בנתיב מסויס ולמנוע מהס 
קישור לדפיס אחריס. אתריס שעושים כך מעניקיס 
תחושה צורמת של שליטה על המשתמש. עדיף לתכנן 
את העיצוב כך שייתן חופש תנועה ויכולות ניווט 
גמישות התומכות בדרכיס רבות לתנועה באתר. כיוס, 
המשתמש שולט בעכבר ואין מה לעשות נגד זה. 


המשתמש רגיל לממשק יישוס מסורתי. למרות 
שמערכת חלונות מאפשרת מעבר בין יישומים וכן 
להפוך כמה יישומיס לפעיליס בו-ומנית, המשתמש 
נמצא עקרונית ייבתוך'י יישוס יחיד בכל ומן נתון, 
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המשתמשים דורשים תמיד דרכים קלות להשוואת מוצרים 
או פריטים אחרים שמתוארים באתר. קשה למשתמשים 

לקבל תמונה כללית של השטח ולהבין לאן עליהם לעבור, 
כשהמידע מוגבל לדפי מוצר נפרדים. ישנה דרך טובה 
לפתור את הבעיה הזו בצורת טבלת השוואה, שמפחיתה 
את זמן הניווט, ומאפשרת למשתמשים לעבור ישירות 
למוצר או כמה מוצרים שהם באמת מעוניינים בהם. 
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(בעמוד הקודם) טבלאות 
השוואה דינמיות הן דרך 
מצוינת לשפר את שליטת 
המשתמש במרחב מידע 
מורכב וגדול. המשתמשים 
יכולים לקבל רשימה רציפה 
שכוללת רק את המכוניות 
שהם מעוניינים לרכוש, 
והאתר יכול אפילו להדגיש 
את ההבדלים החשובים ביותר 
או תכונות שהמשתמש צריך 
לשים לב אליהן בזמן 
ההשוואה. אני לא הייתי 
מדגיש תכונה כמו כריות 
אוויר בצד הנוסע אם הייתי 
משווה בין שתי מכוניות 
שתכונה זו קיימת בשתיהן. 


ורק הפקודות ומוסכמות האינטראקציה פעילות 
באותו הזמן. המשתמשיס משקיעים זמן רב בכל 
יישוס ללימוד התכונות והעיצוב שלו. 


ב-60))\, המשתמשים עובריסם בין אתריס בקצב מסחרר, 
והגבולות בין העיצוביס השוניס (האתרים) מיטשטשים. 
נדיר שהמשתמשים יבלו למעלה מכמה דקות בכל 
אתר נתון, ואפשרויות הניווט שלהס לוקחות אותס 
הרבה פעמים מאתר לאתר באמצעות קישורים. בשל 
תנועה מתמדת זו, המשתמשיס חשים שהס משתמשים 
ב-60/\ כמכלול אחד גדול ולא באתריס ספציפיים. 
המשתמשים אינס מעונייניס לקרוא ספרי הדרכה או 
מסמכי עזרה שקשורים לאתריס מסוימים, אלא הס 
דורשיס יכולת להשתמש באתר תוך שימוש בנוהגי 
ה-65)\ שהס למדו כחלק מהניסיון שלהס בשימוש 
באתרים. במחקרי שימושיות, המשתמשים מתלונניס 
בחריפות בכל פעס שהס נחשפים לאתריס שבהס 
דרכים לא שגרתיות לביצוע פעולות. במיליס אחרות, 
ל-ט6או, כמכלול אחד גדול, יש סגנון משלה, וכל אתר 
מפורש יחסית לחוקיס הכלליים. 


גס ממשקי 60/1 מסורתייס הם, כמובן, חלק מהתמונה 
הכללית, ומומל לשמור על הנחיות סגנון העיצוב של 
היצרן, משוס שבתחרות בין עיצוב פרטי ועיצוב 
גלובלי, העיצוב הגלובלי מנצח. תוכל לקרוא בספר 
1: עיצוב ממשק משתמש בסביבת פ/צסשחו/צ 
בהוצאת הוד עמי. יחד עם זאת, עדיין לא קייס 
מדריך סגנון עיצוב כללי ל-60)\ שמכתיב כיצד 
המעצבים צריכים להשתמש באפשרויות הממשק 
שעומדות לרשותם, כדי ליצור אתריס שיתאימו 
לסגנון הכללי. אני תומך נלהב ברעיון של יצירת 
סדרה גלובלית של כללי עיצוב רשמיים ב-80\\ (כמו 
שיש ל- 11670508! בסביבת פאוססחו/\), אך כל ומן 
שאין דבר כזה, העצה שלי למעצבי פ6/\ היא לעצב 
את האתריס במטרה להתאים את עצמס לסביבה, 
ותוך הבנה שהאתר שהס מעצבים אינו מרכז היקוס 
של המשתמש. המשתמש עובר בין אתרים, ועלינו 
להקל עליו את השימוש בכל אתר אליו הוא מגיע. 


עזור למשתמשים לטפל 
בכמות גדולה של מידע 


הניווט ב-69\\ הוא אתגר בשל הצורך בטיפול 
במליארדי פריטי מידע. נכון להיוס, יש ב-טפצו יירקיי 
כמליארד דפים, אך בשנת 2005 יהיו בה 10 מליארד 
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עיצוב בריא מול עיצוב 
מתפתח 


בממשקי 601, היתה לנו 
הנוחות בשלבי מחקר 
ופיתוח ראשוניים ואיטיים 
בחברות מובילות. שנים 
רבות עברו מאז שהומצאו 
החלונות, התפריטים 
והסמלים, ועוד יותר שנים 
עברו עד שנבנו יישומים 
שבהם נעשה שימוש ברחבי 
העולם (06ו0, 15, 5, 
5וססחו/\ ואחרים). נעשו 
מחקרים רבים על ידי מומחי 
ממשקי משתמש אחראים 
כגון אלה שב-466ק אסזסא 
ו-1חו822חס ד 87066 ב-6|מקה. 
כתוצאה מכך, נדחו רעיונות 
גרועים ורעיונות טובים 
קודדו להנחיות, לפני 
שה-601 הופץ לכל משתמשי 
המחשב. תהליך יצירת 
מדריך 6201 התרחש תוך 
תיאום קפדני שבו הרעיונות 
הטובים ביותר השתלבו 
אחד בשני כדי ליצור תוצאה 
כוללת נעימה ושמישה. 
בניגוד לכך, ה-60/\ 
מתפתחת אפילו בזמן 
קריאת שורות אלו. 
מתבצעים בה ניסיונות 
שכולנו משמשים בהם 
כשפני ניסוי - ולא כמו 
שצריך היה להיות במעבדות 
שימושיות מאובזרות, בהן 
תהליך העבודה ניצפה 
ומוקלט. התוצאה היא 
עיצוב שנובע יותר 
מההתפתחות הכללית, 
שבה הרעיונות באים 
והולכים. בסופו של דבר, 
רעיונות העיצוב הטובים 
ביותר ישרדו והרעיונות 
הגרועים יידחו, משום 
שהמשתמשים ינטשו את 
האתרים שאינם מעוצבים 
היטב. 
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דפים מקווניס שניתן להגיע אליהס מכל התקן 
שמחובר לאינטרנט. ממשקי המשתמש הנוכתייס 
פשוט לא מתאימיס להתמודדות עס כמויות מידע כל 
כך גדולות. כמעט כל ממשקי המשתמש שקיימיס 
כיוס הס העתק של ממשק המשתמש של המקינטוש 
משנת 1984 (שגס הוא היה העתק קרוב של תוצאות 
מחקר בחברת 86 אסזפא מסוף שנות ה-70 ותחילת 
שנות ה-80). ייעוד המקינטוש היה לטפל בכמה מסמכים 
שמשתמש יחיד יוצר ומאחסן בדיסק שלו. אפילו 
המחקר של 886 כוון ברובו לאוטומציית משרד, בה 
המטרה הראשית היתה לתמוך בקבוצת עבודה ובכמה 
אלפי מסמכים. ב-ט6/\, בניגוד לכך, יש שיתוף סביבת 
מידע בין מליוני משתמשים (ובקרוב מאות מליוני 
משתמשים) שבה נמצאיס הרבה יותר מסמכים. 


דפדפני ה-60/\ הס יישומיס בסגנון תבניות ממשק 
המשתמש הנפוצות, ולכן הס אינס מתאימיס 
למשימת הסיור ב-65/\. חשוב, לדוגמה, איך תפריט 
נגלל (אפילו כוה שמכיל תת תפריטים) הוא דוגמה 
גרועה לארגון סימניות המשתמש. שינוי השס 
מ-"65ז3 800% ל-''665וטסטהּ-'י לא משפר את 
המגבלות העקרוניות שלו. 


התוכנה העכשווית חלשה במיוחד במתן מענה לבעיות 
הניווט ב-פ6/ש, ומשמעות הדבר היא שעל המעצביס 
לעקוף את הבעיה על ידי כתיבת תוכן ט6/\. הבעיות 
בניווט במרחב נתוניס במימדי ה-פ6/\ כל כך קשות 
לפתרון עד שאנו זקוקיס לכל העזרה שנוכל לקבל, הן 
משיפורים בתוכנה והן מתוכן מעוצב טוב יותר. 


בתחילת ימיה, ה-טששו נשלטה על ידי קישורי טקסט 
פשוטים: כולס הצביעו על כולס ללא מבנה. למעשה, 
לרוב נכללו רשימות ארוכות מאוד של קישוריס 
מומלציס ללא הסבר מדוע הקישוריס אמורים לעניין 
את המשתמש. ההנחה היתה שה-ספוצ כל כך מעניינת 
והמשתמשים כל כך סקרניס, עד שהם יבדקו את כל 
הקישורים, ויהיו אסירי תודה על קישוריס נוספיס 
שהם יקבלו. 


במשך הזמן, הרשימות הארוכות של קישוריס 
מומלציס - התקצרו. כיוס, יש הערכה מחודשת לערך 
הקישורים הנבחרים : קישורים שמוסיפים ערך, 
קישוריס שנבחרו בקפדנות על ידי העורך שהחליט 
שהס הטובים ביותר והמתאימיס ביותר לקהל 
הקוראיס שלו. 
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שורת הלחצנים העליונה מופיעה על פני האתר כולו ומספקת תחושה ברורה של זיהוי האתר 
יחסית לשאר ה-60/\, וכן דרך קלה למעבר לדף הראשי ולדף החיפוש. אני הייתי מעדיף להציב 
את הקישור לדף החיפוש במקום בולט יותר, משום שהוא הולך לאיבוד במידה מסוימת בין 
סדרת הלחצנים החשובים פחות. הבעיה האמיתית בדף זה היא סרגל הניווט ברמה השנייה, 
שמבלבל מאוד. סידור חמש האפשרויות תחת המילה "חסטפחזס)ח1" גורמת להן להיראות כאילו 
למרחב המידע המקומי יש שני ערוצים, כאשר לכל אחד יש רצף דפים לוגי משלו. הדף הנוכחי 
מואר (טוב מאוד), אך מוזר שהוא בא אחרי "6זש|ט6 ספסזסווא" ולא אחרי "סחושוסועזסחו", משום 
שהוא נוגע ללוח זמני הראיונות. כללית, יש להשתמש בסידור בצורת תרשים זרימה רק כשמרחב 
המידע אכן מסודר כרצף. 


הקישור ס+ 46%פ, הוא עזר ניווט חשוב שמאפשר למשתמש לעלות רמה אחת למעלה בקלות, 
אך משפט המפתח "פ6חוחטזוסקקס זה6והץסוקוח6" נראה כתוהו ובוהו כיתובי שאינו מתאים לשאר 
האתר, ולכן קשה לקרוא את המילה השנייה בחשיבותה בדף, "%חסוקסוקוח6" (המילה החשובה 
ביותר באתר היא שמו - 04פסזסוו\ - למרות שאין צורך לכתוב אותה פעמיים בסרגל הניווט). 
הדף מחמיץ הזדמנות לשרת את הקהל שלו טוב יותר: 


קישור לדף הראש' של פזסחוַפַחם חהוחס/\ )0 506166 היה שימושי מאוד למשתתף חדש שהיה 
רוצה להשתתף בפגישות ש-0%פסזסו₪א עורכת. 


העניין האחרון הוא העובדה שצילמתי את האתר שלושה ימים אחרי שהתקיים מפגש של 
פזססחופַחם ההוחס/\ +0 /50616%. יש לקבוע נהלים להסרה מיידית של דפים ישנים. 
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(בעמוד הקודם) אתר 

א סח של ₪675% 36556 
מציב את הקישורים לכתבות 
ארוכות יותר בטור הימני. 
הטור השמאלי מוקדש לניווט 
באתר, והוא מתאים למה 
שנהוג לעשות. המשתמשים 
יחקרו לרוב את הטור 
השמאלי במלואו (אלא אם הם 
מעוניינים לאתר במכוון חלק 
אחר של האתר). אך 
הקישורים שבצד ימין מהווים 
עבור 9%ז86 דרך מצוינת 
להמליץ על כתבות שקשורות 
לנושא הנוכחי. 


ניווט עתידי 

עלינו להפסיק לחשוב 
שהאחריות על הניווט 
מוטלת על הדפדפן או 
השרת בלבד. במקום זאת, 
האחריות צריכה ליפול 
במשותף על הלקוח, השרת 
ומשאבים משותפים כגון 
שרתי ץאסזק. 


לכן, לדוגמה, הייתי מצפה 
מהשרת לשלוח הגדרת 
מפתח אתר ב- |ואא ללקוח, 
כדי שהדפדפן יוכל לשלבה 
יחד עם מפות אזורים 
אחרים של ה-85/\, בהם 
המשתמש נוהג לבקר, 
וליצור מפת ניווט עבור 
אותו משתמש מסוים. ניתן 
להוסיף נתונים למפה זו 
משרת ץאסזק שעוקב אחרי 
הדפים או האתרים 
שהמשתמש ביקר בהם 
בעבר. דמיין לעצמך מפה 
של מקומות אליהם תוכל 
לעבור, מקומות שצבעם 
מקודד על פי רמת העניין 
שלך בהם. 








מפות אתרים (5/66!1805) הופכות במידה מסוימת 
לקלישאה. כל המשתמשים אומרים שהם רוציס 
אותן, וידוע לנו מתוך מחקרי קישורי טקסט 
שדיאגרמות כלליות מסייעות למשתמשיס לאתר את 
המידע המבוקש מהר יותר, ולכן אינני מתנגד למפות 
אתריס. אך לא נראה שהמפות הנוכחיות מסייעות 
למשתמשים במידה רבה. לדוגמה, חסרה להן התכונה 
שקיימת בכל מדריך של קניון מסחרי: מציין יאתה 
נמצא כאןיי. אתריס רביס מעצבים את מפות האתר 
שלהם כרשימה פשוטה של כל מה שיש להם. אפשר 
להשתמש במפה דינמית שמציינת את הדף ממנו 
המשתמש הגיע, ושיש בה דרכים להארת מידע מעניין 
לאוכלוסיות משתמשים מסוימות. 


הפחתת עומס הניווט 


כמובן שלא ניתן לייצג כל פריט מידע יחיד בממשס 
ניווט (בהנחה שישנם יותר מדי כאלה). במקום זאת, 
העיצובים חייבים להשתמש במגוון שיטות כדי 
להפחית את העומס. הנה כמה שיטות שימושיות: 


> קיבו4 (חסְחּחָפזפָה, הצגת יחידה אחת שמייצגת 
אוסף יחידות קטנות יותר). ניתן לעשות זאת 
בקלות בתוך אתר (אכן, רעיון הייאתריי הוא רמה 
שימושית של קיבוצ אתרי משנה). אך קשה יותר 
לקבצ נתוניס על פני כמה אתריס. 


> סיכום (חס80?וזהוחוחט5, דרכים לייצג קבוצת 
נתונים גדולה על ידי כמות נתוניס קטנה יותר). 
דוגמאות לכך כוללות שימוש בתמונות מוקטנות, 
שמייצגות תמונות בגודל מלא ותקציר של 
מסמכים מלאים. אנו וקוקים לדרכים לסכם 
אוספים גדוליס של פריטי נתוניס. 


6% סינון (9חוזסט!ו=, הסרת כמות גדולה של חומר 
מיותר). סינון שיתופי (6חְפזסטגּו|60), ומסנניס 
איכותייס הס כליס שימושיים למדי (לדוגמה, 
הצג רק את הנתוניס שמשתמשיס אחריס 
התעניינו בהס). 


> חיתוך (חסט68חטזד). חתוך הכל פרט לחלקים 
הראשונייס של המידע, ואפשר לחיצה על קישור 
ייעוד... יי כדי להגיע לחלקיס האחרים. 


% ייצוג מבוסס דוגמאות. במקוס להראות את 
הכל, הצג כמה דוגמאות מייצגות, והוסף כיתוב 
כגון יישנס עוד כמה מליוני פריטים כאלה'י. 
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הימנע מניווט תלת-מימדי 


כל כמה חודשים, העיתונות הטכנית מדווחת על טכנולוגיית ניווט תלת-מימדית (35) 
חדשה, בה הניווט נעשה על ידי "טיסה" במרחב התלת-מימדי. רוב המערכות הללו פוגעות 
במשתמשים יותר ממה שהן מסייעות לו, מכמה סיבות: 


> הניווט במרחב תלת-מימדי לא טבעי לבני האנוש. הרבה יותר קל ללמוד לנוע על שטח 
(ק2) מאשר בחלל (כ3). 


% התקני הקלט והפלט הם דו-מימדיים (לרוב מדובר בעכבר ומסך), ולכן הממשקים 
שמתיימרים להיות תלת-מימדיים הם למעשה מעין הקרנה ולא התקנים תלת-מימדיים 
אמיתיים, ולכן השליטה באמצעותם לא טבעית ומגושמת. 


% למרחב המידע יש הרבה מאוד מימדים, ולכן אין סיבה הגיונית לכך שמעבר לשלושה 
מימדים יהיה טבעי יותר מאשר שני מימדים. 


% מידע רב נסתר כאשר על המשתמש לטוס/לעוף דרך מרחב תלת-מימדי, ולכן למעשה 
קשה יותר לקבל מבט כללי (שהוא המטרה העיקרית של עזרי הניווט). 


% אף לא אחד מאותם הממשקים התלת-מימדיים מתייחס להתפתחויות בממשק 
המשתמש עד לרמה שבה המשתמשים יוכלו לבצע משימות ניווט שכיחות מהר יותר 
מאשר בעיצוב דו-מימדי פשוט יותר. עיצובים אלה עשויים להיראות טוב מאוד במצגות 
הדגמה, אך לא נראה שהם יסייעו למשתמשים אמיתיים לבצע משימות אמיתיות. 


השורה התחתונה היא שתלת-מימד אינו מטה קסם שמסלק את בעיות הניווט. אפילו אם 
מישהו ייצור ממשק תלת-מימדי שכן יפעל כשורה, הוא עדיין יעמוד מול הבעיות העקרוניות 
של סידור המידע בצורה שתהיה הגיונית למשתמשים, ותתאים למה שהם ירצו לעשות. 








אתרי משנה 


הגולשיס זקוקים למבנה כדי להבין את מרחבי 
המידע הרביס והמגווניס בהס הס מנווטיס. הטבע 
הבסיסי של ה-65/\ אינו תומך בשוס מבנה מעבר לדף 
הבודד, המהווה את יחידת המידע המוכרת. 


כמובן שהדפים הבודדים אינס מספיקים כדי ליצור 
מנגנון מבני, ומימיה הראשוניס של ה-ספו\, אני תומך 
בנתינת דגש על האתר כיחידת מבנה עקרונית נוספת. 
לחיצה יחידה יכולה להעביר את המשתמש לצד השני 
של היקום, ולכן כל דף צריך לספק למשתמשיס 
תחושה של מקוס וליידע אותם היכן הס נחתו. 


ההכרה המפורשת באתר כמנגנון מבני חשובה גס 
עבור השימושיות ב-65/\, אך רוב האתריס גדוליס 
מדי מכדי שייכללו במסגרת יחידה מבנית אחת. ניתן 
לארגן מידע רב בצורה היררכית, וכן ניתן להוסיף 
ייצוג מפורש של ההיררכיה ברמה העליונה של הדף, 
כדי לספק הקשר נוסף ואפשרויות ניווט. לדוגמה, 
אתר האינרטאנט של חברת 81460 הדמיונית עשוי 
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להכיל רשימת היררכיה מקוננת שמובילה לדף 
הראשי של המשרד בשטוקהולם: 
<- חסו₪60 הה68קסזטם <- 58165 <- 1060/60 
6 והו !5606000 <- ה606שו5 


כל אחד מהרכיביס ברשימה ההיררכית צריך להיות 
קישור לדף העליון של אותה רמה בהיררכיה. שיס לב 
ששס הרמה הנמוכה ביותר (כאן, 0866 וח|0חא5006) 
לא צריך להיות קישור כשהוא מוצג בדף הראשי של 
אותה הרמה. עם זאת, יש להפוך אפילו את השס 
ברמה הנמוכה ביותר לפעיל, כשהוא ברשימה 
היררכית שלא במסגרת אותו דף תוכן. 


במקרה של מרחבי נתוניס שלא ניתן לבנות אותס 
בקלות בצורה היררכית, ניתן להיעזר באתר המשנה 
כמנגנון מבני נוסף. ניתן להשתמש באתרי משנה גם 
במרחבי מידע היררכיים, כדי להדגיש רמה מסוימת 
בהיררכיה, שמשמשת כמזהה לאתר המשנה. 


המילה אתר משנה (5005160) מתייחסת לאוסף דפי 

0 \ בתוך אתר גדול יותר שיש לו סגנון קבוע ומנגנון 
ניווט משותף. אוסף דפים זה יכול להיות מרחב 
שטוח, או שיכול להיות לו מבנה פנימי מסוים, אך 
בכל מקרה צריך להיות לאתר המשנה דף יחיד שניתן 
להגדיר אותו כדף הראשי. לכל אחד מהדפיס שבתוך 
אתר המשנה צריך להיות קישור שמצביע בחזרה לדף 
הראשי של אתר המשנה וכן קישור לדף הראשי של 
האתר כולו. בנוסף, יש ליצור אפשרויות ניווט 
גלובליות עבור אתר המשנה (לדוגמה, הדף הראשי של 
האתר וחיפוש על פני האתר כולו) בנוסף לאפשרויות 
הניווט המקומיות שלו. 


אתרי משנה הס דרך לטפל במורכבות של אתריס 
גדולים שמכילים אלפי ואפילו מאות אלפי דפים. על 
ידי מתן מבנה מקומי יותר לפינה מסוימת במרחב 
במידע, אתר המשנה יכול לסייע למשתמשים להרגיש 
בנוח בחלק האתר שחשוב להם. בנוסף, אתר גדול 
מכיל לרוב מידע הטרוגני שלא ניתן לדחוס אותו 
לתוך מבנה סטנדרטי יחיד, ולכן היכולת ליצור אתרי 
משנה בעלי מראה ותחושה שוניס יכולה במידה 
מסוימת להעניק חוויית משתמש טובה יותר. אתר 
משנה הוא סביבה ביתית לקבוצת משתמשיס 
מסוימת או לסוג שימוש ספציפי בתוך אתר גדול 
וכללי יותר. 
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אל תחפש ב-60//\ 


מסיבות לא ידועות, אתרי 
0 רבים חשים מחויבות 
להציע למשתמשים 
אפשרות לבחור בין חיפוש 
באתר לבין חיפוש 
באינטרנט כולו. זהו רעיון 
גרוע. הגולשים יודעים היכן 
למצוא מנוע חיפוש שפועל 
על כלל ה-60/\. אתרים 
אלה הם הפופולריים ביותר 
ב-60)\. אין צורך להעמיס 
על הממשק שלך באפשרות 
נוספת שהתועלת בה 
מזערית. 
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ישנו מתח מסויס בין רצון המעצב של אתר המשנה 
לענות על כל הצרכים הספציפיים של מידע מקומי 
מול הרצון לשמור על עקביות באתר כולו. אתרי 
המשנה צריכים, ללא ספק, להקפיד לא להפוך 
לאתרים עצמאיים בלי קשר לאתר ההורה, שהס 
למעשה חלק ממנו והוא מספק להס הקשר ועושר. 


דוגמה טובה לאתר משנה היא 065%ז60ח3 של 

ד 20. 65%סזסו6חה מספק למומחה המחשביס 
הידוע ז8675 36556 במה לדיוניס באירועים האחרוניס 
בנושא המחשוב והמלצה על קישורים למידע נוסף 
שנמצא בשאר חלקי אתר 15צ8ס-)21. אתר המשנה 
5%זסח6חה משתמש בנימה אנושית כקו מנחה 
למרחב מידע מרשים, והוא הוסיף לאתר ערך על ידי 
שימוש בקישוריס שמחזקיס את הביקורת. 


יכולות חיפוש 


מחקרי השימושיות שערכתי מראיסם כי קצת יותר 
מ- 50% מהמשתמשיס עושיס שימוש באפשרויות 
החיפוש, 20% מהמשתמשים עושיס שימוש בעיקר 
בקישוריס ולשאר אין העדפה לשיטה מסוימת. 
המשתמשיס שמעדיפים אפשרויות חיפוש יעברו 
לרוב ישירות ללחצן החיפוש כשהם נכנסיס לאתר 
60 )\. הס לא מעונייניס לראות את שאר האתר. יש 
להס משימה והס רוציםס למצוא מידע מסויס מהר 
ככל האפשר. בניגוד לכך, המשתמשים שמעדיפים 
קישורים יעברו לקישורים שבאתר. למרות שהס 
רוצים למצוא מידע מסוים, הס ינסו תחילה להשיג 
אותו על ידי מעבר לקישוריס קורציס מהדף הראשי. 
משתמשיס אלה ישתמשו באפשרויות החיפוש רק 
כשהם יתייאשו לגמרי מהקישורים. המשתמשיס 
שאין להם העדפה קבועה עובריס בין אפשרויות 
החיפוש לקישוריס, לפי מה שנראה מבטיח ביותר. 


למרות החשיבות העליונה של אפשרויות החיפוש, 
עיצוב ה-65/\ צריך עדיין להתבסס על מבנה ברור 
ותמיכת ניווט. כל הדפיס חייבים לציין בבירור חיכן 
הס נמצאיס בתוך סכמת האתר הגדולה. ראשית, יש 
צורך לתמוך במשתמשיס שאינס אוהביס לחפש או 
באלה ששייכים לקבוצה המעורבת. שנית, 
המשתמשים שמנסים את אפשרויות החיפוש כדי 
להגיע לדף מסוים עדיין צריכים מבנה כדי להבין את 
טבעו של הדף יחסית לשאר האתר. הס זקוקים גס 





מיקרו ניווט 


בנוסף לתנועה על פני 
האתר כולו, המשתמשים 
זקוקים גם ליכולת תנועה 
בתוך אזור מקומי באתר. 
הם צריכים אפילו להיות 
מסוגלים לנוע בין הדפים 
שמרכיבים "חבילה" יחידה, 
כגון כתבה שמכילה 
סרגלים צדדיים או דף 
מוצר. 








לניווט כדי לנוע באתר ולעבור לדפיס שבסביבת הדף 
הנוכחי, אותו מצאו על ידי חיפוש. נדיר שדף יחיד 
מכיל את כל התשובות, ולכן המשתמשים ירצו לרוב 
לראות דפיס שקשורים לנושא. 


יש לתת אפשרות לחיפוש מכל דף באתר. משתמשי 
החיפוש ילחצו לרוב על לחצן חיפוש כבר בדף הראשי, 
אך משתמשים אחרים עשוייס לשוטט באתר עד שהס 
ילכו לאיבוד. ברגע שדבר זה קורה, הס לא אמוריס 
לחפש את אפשרות החיפוש, עליה להיות בדף הנוכתי 
שלהם. משמעות הדבר היא שיש להציב את אפשרות 
החיפוש בכל דף, משוס שלא ניתן לחזות מתי 
המשתמשים יוותרו על הניווט ויחפשו את לחצן 
החיפוש. 


לעיתים, אזורים מיוחדיס של האתר עקביים מספיק 
ונבדליס משאר האתר, ולכן הגיוני להציע חיפוש על 
שטח מצומצס באתר המשנה בלבד. כללית, יש 
להיוּהר מחיפושים מצומצמים, משוס שמחקרינו 
הראו שהמשתמשיסם לא מביניס לרוב את מבנה 
האתרים ואתרי המשנה. הרבה פעמיס, המשתמשים 
מאמיניס שהתשובה נמצאת באתר משנה לא נכון, 
ולכן הס לעולס לא ימצאו אותה על ידי חיפוש 
מצומצס. בפעמים אחרות, המשתמשיסם לא מביניס 
היכן הס נמצאיס ומהו טווח החיפוש, ולכן הס 
עשוייס להאמין שהס מבצעים חיפוש על האתר כולו 
או באתר משנה שונה מאשר זה שהם נמצאים בו. 


יש לנסות להימנע משילוב אפשרות חיפוש מצומצמת 
באתר. אס אכן יש באתר אתרי משנה שזקוקיס 
לחיפוש מצומצם, יש להקפיד על כך שכל דפי החיפוש 
המצומצס יעשו שני דברים : 


% עליהס לציין במפורש שהחיפוש מצומצם. ניתן 
לציין ואת בראש דף החיפוש ודף התוצאות. 


*> כלול קישור לדף שבו ניתן לבצע חיפוש באתר 
כולו. שוב, קישור וה צריך להימצא הן בדף 
החיפוש והן בדף התוצאות. בדף התוצאות, יש 
לקודד אותו כקישור עס כיתוב כגון יילא מצאת 
את מה שחיפשת! נסה להרחיב את החיפוש 
באתר כולויי. מעבר לקישור זה צריך להפעיל את 
אפשרות החיפוש הכוללת במבנה שאילתה והה 
לוה של החיפוש המצומצם, ועליו להעביר את 
המשתמש ישירות לדף התוצאות של החיפוש 
הרחב. 
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במבט ראשון, נראה מוזר לבנות אתר משנה במיוחד עבור 
הנאומים של ביל גייטס, אך אם נתחשב בכמות המעריצים 
הגדולה שלו (וכן ביריבים), סביר להניח שמשתמשים רבים 
יהיו מעוניינים למצוא ציטוטים שלו. אפשרות החיפוש 
באתר המשנה מעוצבת היטב מרוב הבחינות: ברור שהיא 
מבצעת חיפוש על אתר משנה, ואתר המשנה מעוצב היטב. 
אינני סבור שהמשתמשים ינסו להשתמש בדף זה כשהם 
יחפשו פתרון לבאגים שבתוכנות חדשות (אבל, הם כנראה 
יהיו מעוניינים לשאול אותו מה בדבר אותם באגים...). 


יש רק שתי בעיות הנוגעות לאתר: 


צריך להיות קישור מפורש לחיפוש באתר המלא של 
0% תיבת ההקלדה צריכה להיות רחבה יותר כדי 
לעודד את המשתמשים להקליד יותר מונחים. סרגל הניווט 
העליון אכן מכיל לחצן חיפוש כללי, אך אם נתחשב 
בפעמים הרבות שהמילה "ח6ז568" מופיעה בדף, הייתי 
מעדיף קישור מפורש בתוך תוכן הדף עצמו. משתמשים 
מעטים יביטו מעל לסרגל "63005 !811" הצבעוני. 
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חיפוש כללי 


ברירת המחדל של מנוע 
החיפוש צריכה להיות 
חיפוש באתר כולו. 
המשתמשים לא תמיד 
יבינו באיזה חלק של 
האתר הם נמצאים, ולכן 
אם ברירת המחדל של 
החיפוש תוגבל לאתר 
המשנה הנוכחי בלבד, 
הם עשויים לחשוב 
בטעות שהם חיפשו 
באתר כולו או אפילו 
שהם חיפוש באתר משנה 
שונה. 








חיפוש מתקדם 


יש להימנע מחיפוש בוליאני (סאג ,06 ,סא) משוס 
שהניסיון מראה שהמשתמשים אינם יכולים 
להשתמש בו כראוי. חקרנו קבוצות משתמשיסם רבות 
שקיבלו משימות כגון: 


יש לך את חיות המחמד הבאות : 
> חתולים ‏ > כלבים 
מצא מידע אודות החיות שלך. 


כמעט כל המשתמשים הקלידו את השאילתה הבאה: 
5 א 6805 


במחקריס שלנו, המשתמשים לא מצאו לרוב כלום על 
ידי שימוש בשאילתה הזו, משוס שאתר הניסיון שלנו 
לא כלל דפים שהתייחסו לשני סוגי החיות. 
כשהופיעה הודעת "לא נמצאו דפיסיי, רוב 
המשתמשיס הגיעו למסקנה שאין מידע זמין אודות 
החיות הללו. אפילו מתכנתיס מנוסיס ישתמשו לרוב 
בשאילתה השגויה. השוני העיקרי הוא שכשאיש 
מחשבים מנוסה נתקל בתוצאת החיפוש הריקה, הוא 
יסיק לרוב שעליו להשתמש ב-08 במקוס סאג. 


לרוע המזל, רוב המשתמשים אינם מנוסים בניסות 
מחודש של השאילתות. ווהי הסיבה שבגללה אני 
ממליצ על שימוש מינימלי בחיפוש מצומצם, ולא 
להשתמש בחיפוש בוליאני בממשק החיפוש הראשי. 
חיפוש מתקדם הוא דבר טוב, אס הוא מוצע בדף 
נפרד מהחיפוש הפשוט. דף החיפוש המתקדם יכול 
לספק מגוון אפשרויות נוצצות, כגון חיפושיס 
בוליאנים, חיפושיס מצומצמים ומגוון חיפושיס על פי 
פרמטרים מיוחדים (לדוגמה, דפים שנוספו או השתנו 
אחרי תאריך מסויס). חשוב להשתמש בשס מזהה, 
כגון ייחיפוש מתקדסיי, כדי להבריח ממנו את 
המשתמשים הלא מנוסים. החיפוש הוא אחד 
מהמקריס המעטיס בהם אני ממליצ על עיצוב צורת 
התנהגות המשתמש באמצעות הפחדה. 


באופן כללי, המחשביס טובים למעבר על רשימות 
ארוכות של חומר וזכירה אס ישנן מיליס חלופיות 
אותן יש לחפש. המשתמשים גרועיס בכך, ולכן ברור 
מה על מערכת חיפוש מעוצבת היטב לעשות. המערכת 
צריכה לבצע בדיקות איות (הן על שאילתות 
המשתמש והן על מונחי המסמך), ולהציע מיליס 
נרדפות. 
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(בתמונה למעלה) ממשק התיעוד מבוסס ה-60/\ של 800%2ז6ו/ופחה של חברת חט5 משתמש 
בחיפוש מצומצם: כל משתמש יכול להגדיר ספריה אישית מתוך רשימה של חלקי מרחב המידע 
הגדול שלרוב מעניין אותו. כברירת מחדל, החיפוש משתמש בספריה זו כטווח החיפוש. בדוגמה 
זו, נמצאה רק תוצאה אחת (לא מזהירה) לשאילתת המשתמש. 


מתחת לרשימת תוצאות החיפוש יש הצעות לשיפור החיפוש. ניסינו מיקומים שונים של הוראות 
אלו, וגילינו שצורה זו היא הטובה ביותר. כשהמשתמשים מגיעים לחלק זה של האתר, הם 
מדורבנים לקרוא אודות דרכים לשיפור החיפוש. 


ללא הנחיות אלו, משתמשים רבים לא היו מנסים לבצע חיפוש על הספריה המלאה וכך לעולם 
לא היו מוצאים מידע שלא נכלל בטווח החיפוש הראשוני שלהם. 


(בעמוד הבא) כדי להגיע לדף זה, משתמש 2אסספ8ז6/א5ח/ חזר על החיפוש, אך הפעם הוא קבע 
את טווח החיפוש לספריה המלאה (עז8זט! | 6ז6!קוח60). הפעם הוא מצא הרבה יותר תוצאות, 
כולל תוצאות טובות, מתוך אוסף ז1507800ח01ח0)/ ה5/5%6. מסתבר שהבעיה שהמשתמש רצה 
לקרוא עליה (התקנת מדפסות) נחשבת על ידי מעצבי התיעוד למשימת ניהול מערכת. סדרת 
התיעוד המקוון היא מרחב מידע בעל מבנה מסוים, ולכן רשימת תוצאות החיפוש יכולה להציג 
את התוצאות בהקשר, שמבהיר למשתמש כי רוב התוצאות הטובות יותר נמצאות באוסף 
חר 0 וה5%6ץ5. 

השימוש בסמלי ספרים (וכן בשם של התיעוד המקוון) הוא דימוי לספרים כדי לציין שזוהי 
"ספריה אישית". כללית, דימויי הספרים אינם הדבר המתאים ביותר לקישורי טקסט, אך זהו 
מונח שמתאים למרחב המידע המסוים הזה, שבנוי כך שכל המידע אודות נושא מסוים מוכנס 
לתוך "ספר". 
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65 ,8 287065 אינו מוצא 


תוצאות, הוא מבצע בדיקת 
איות על שאילתת 
המשתמש. במקרה זה, 
המשתמש יכול לשגות 
באיות השם (דבר שנעשה 
בתדירות די גבוהה) ועדיין 
למצוא את הספר. ערך 
החיפוש היה 38600 ולא 
0ס. שים לב גם שתיקון 
שגיאות זה מטפל גם 
במקרים בהם המשתמש 
כתב את השם נכון, אך 
האתר גילה שגיאות בבסיס 
הנתונים שלו עצמו. 


דף תוצאות החיפוש 


על דף תוצאות החיפוש לספק רשימה ממוינת של 
תוצאות, כאשר התוצאות הטובות ביותר מופיעות 
בראשה. חלק ממנועי החיפוש מעניקים ציוניס 
לתוצאות החיפוש ומציגים אותם ליד התוצאות, אך 
המשתמשים אינסם מביניס כיצד ציוניס אלה 
מחושבים, ולכן הס חסרי משמעות. כל זמן 
שהתוצאות הטובות ביותר נמצאות בראש הרשימה, 
המשתמשים יכוליסם להתחיל לסרוק בקלות את 
הרשימה מלמעלה, ולראות אוטומטית את רוב 
התוצאות החשובות בהתחלה ללא בזבוז ומן על 
ניסיון לפרש את ציוני החיפוש. 


רשימת תוצאות החיפוש אמורה למנוע הצגה כפולה 
של אותו הדף. נפוצ לראות את דף ברירת המחדל 
שבמדריך מופיע כמה פעמים עם שינוי קטן בכתובת 
ה- 01 שלו. בשרתיס רבים, שלוש כתובות ה-1ש 
הבאות יפנו לאותו הדף: 


זה החסס. סס1. אואואו/ /: קת 
]הס /רחסס. סס1. אואואו/ /: סת 


|החזח. 3/0 סס. סס?. וצו /: קת 
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(בעמוד הבא) אתר 
18 משלב מבט כללי 
מבני לתוך דפי תוצאות 
החיפוש. כשהמשתמש מבצע 
חיפוש על המונח "חזום", הוא 
מקבל דפים העוסקים הן 
בציפורים כחיות והן בציפורים 
כחיות מחמד (וכן דפים אודות 
דינוזאורים). ההבדל בדגש בין 
הדפים השונים ברור גם 
כשהמשתמש נמצא עדיין 
ברשימת תוצאות החיפוש, 
ובכך נמנע בזבוז הזמן במעבר 
לחלק מהדפים רק כדי לקרוא 
בהם מידע אודות נושא שאינו 
קשור לעניין. 


למרות שכתובות אלו שונות מבחינה עקרונית 
(כלומר, הן יכולות להצביע על דפים שוניס בנסיבות 
אחרות), יש להתייחס אליהן ולהציג אותן ככתובת 
אחת בלבד ברשימת תוצאות החיפוש. המשתמשים 
יתבלבלו אס הם ילחצו על קישוריס שוניס ויקבלו 
את אותה התוצאה. 


מערכות החיפוש אמורות לזהות במפורש את האיכות 
ואת הרלוונטיות בומן סידור תוצאות החיפוש. 
לדוגמה, אס יש לאתר קוב ₪40 אודות מונחי 
השאילתות של המשתמש, דף ה-0= צריך להופיע 
בראש דף התוצאות, אפילו אס דפיס אחרים קיבלו 
ניקוד רלוונטיות גבוה יותר. בסופו של דבר, לרוב 
ה-40= כתוב באיכות גבוהה, תוך דגש על מתן 
תשובות לשאלות המשתמש. בנוסף, ניתן לבנות בסיס 
נתוניס של דירוג איכות עבור כל הדפיס שבאתר, 
יחסית לכל אחד ממונחי החיפוש הפופולריים. 
לדוגמה, בכל פעסם שהמשתמש עובר לקישור מדף 
תוצאות חיפוש, הוא יישאל עד כמה הדף מתאיס 
לשאילתה שלו, והמערכת תשמור את דירוגי 
המשתמשיס ותשתמש בהם כדי לעצב אישית את 
רשימות התוצאות בעתיד. 


עד עתה, יחידת החיתוך של החיפוש ב-ט6/\ היתה 
הדף. במיליס אחרות, פלט החיפוש הוא רשימת דפיס 
שמתאימים לשאילתת המשתמש. לרוע המצל, רוב 
רשימות הדפים הללו אינן מציינות את הקשר בין 
הדפיס שנמצאו. עדיף לבנות את תוצאות החיפוש 
יחסית למבנה האתר. לדוגמה, אס נמצאו דפיס רביס 
בתוך אתר משנה יחיד, אולי עדיף לרכז את כל התוצאות 
הללו לרשומה אחת בדף התוצאות. לעיתים, הגיוני 
אפילו לחלק את התוצאות ליחידות שגדולות 
מהדפים. לדוגמה, מנגנון חיפוש של אתר המכיל 
אתרי משנה שוניס רביס יכול להשתמש באתרי 
המשנה כיחידות חיתוך, ולהציג את אתרי המשנה 
עצמס כמתאימיס לשאילתת המשתמש. לאחר מכן, 
המשתמש יוכל לבצע חיפוש באתרי המשנה עצמם. 


תיאורי דפים ומילות מפתח 


חלק ממנועי החיפוש הגלובליים באינטרנט מציגיס 
את הסיכום שנכתב על ידי יוצר האתר, במקוס ליצור 
טקסט סיכוס משלהם. עקרונית, אני מסכיס עס 
גישה זו משוס שבני האנוש עדיין טוביס ממחשביס 
בהחלטה מהו תוכן דף מסויס ובכתיבת טקסט קריא. 
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השתמש בתיבת חיפוש 
רחבה 


רוב מנועי החיפוש מספקים 
תוצאות מדויקות יותר 
כשהמשתמש מקליד יותר 
מילים בשאילתה, אך 
המשתמשים עדיין נוטים 
להקליד שאילתות קצרות 
למדי. ייתכן שחלק 
מהאשמה נעוץ בעיצוב 
מנוע החיפוש. חסזף\זהּא ופפט3 
ו-ח26ח8ז-] 1500167 
מאוניברסיטת שטוקהולם 
ערכו ניסוי קטן בו סטודנטים 
השתמשו באותו אתר 80/\ 
עם שני סוגי תיבות הקלדת 
טקסט של מנוע החיפוש. 
בממוצע, הסטודנטים 
הקלידו 2.8 מילים 
לשאילתה, כשהשתמשו 
בגרסת האתר עם תיבת 
הטקסט הקטנה יותר, אך 
כשהם השתמשו בעיצוב 
שכלל תיבת טקסט גדולה 
בהרבה, ממוצע השאילתות 
עלה ל-3.4 מילים לשאילתה. 


תוצאה זו הגיונית מזווית 
השימושיות משתי סיבות. 
ראשית, המשתמשים אינם 
אוהבים להקליד משהו 
שהם אינם יכולים לראות 
אותו, ולכן הם לא ירצו 
להקליד טקסט מעבר 
למספר התווים הגלויים 
בכל זמן נתון בשדה 
הטקסט. לכן, גם אם שדה 
הטקסט ניתן לגלילה, 
הגולשים נוטים שלא להקליד 
שאילתות ארוכות מעבר 
ליכולת תצוגת השדה. 
שנית, גודל תיבת השאילתה 
עצמה קובע חלק 
מהציפיות שנוגעות לגודל 
מחרוזת החיפוש. 








תמצית הטקסט נמצאת בתגית 608 כשהכותרת שלה 
מכילה את השס ''חסטקוז0656י. מבנה הסיכומיס הוא: 
=%ח6ח60 "חס ס]6="0656וחבח 668 > 

<"806ק 5וחז 01 +ח6ח60 6 01 ץ הר הטפ 8 15 פוחד" 


ההחלטה על אורך תקציר הדף עבור תוצאות מנוע 
החיפוש היא פשרה בין רצון לספק זווית טובה של 
היעדיסם האפשריים לבין הרצון לספק מידע על ערכת 
החלופות המלאה. סיכומיס ארוכיס טוביס בכך שהס 
מאפשריס למשתמשים להעריך כל דף לגופו, אך 
האורך מקשה על המשתמש להשוות את היעדיס ללא 
גלילה מסיבית. כמעט בכל המקרים, יש צורך בצורה 
מסוימת של תקציר, משוס שכותרות הדף אינן 
מספיקות למשתמשים לנחש במה עוסקיס הדפים. 


תקצירי הדפים צריכים להיות קצרים. רוב מנועי 
החיפוש מציגים רק את 150 או 200 התוויס הראשוניס 
של טקסט התיאור, ולכן מומל\ שלא לעבור גבול זה. 
אפילו כשאתה משתמש במנוע חיפוש משלך, עדיין כדאי 
לשמור על תקצירים קצרים, משוס שהמשתמשים נוטים 
לסרוק את התקצירים ולא לקרוא אותס במלואם. 


בנוסף לתיאורים, נהוג להוסיף גס רשימת מילות 
מפתח בתגית 618 שבכותרת הדף. לרוב, מילות 
המפתח אינן מוצגות ברשימת תוצאות החיפוש, אלא 
משתמשיס בהן רק כדי לקבוע את הדירוג היחסי של 
הדפיס המתקבליס: ההנחה היא שהדף עוסק בעיקר 
במונחיס שכלולים ברשימת מילות המפתח שלו. 


רשימת מילות המפתח צריכה לכלול הן מונחיס 
פשוטים (כגון ''פטפ'י) וכן מונחים מעורביס 

(''5ום ז6א6-066!סטס0'י) משוס שהרבה פעמיס 
המשתמשים מחפשים מונחים שמשלבים כמה מילים. 
במחקרים על שיטות חיפוש שקדמו ל-60/\, מצאנו 
להפתעתנו, שמשתמשים הקלידו שאילתות בנות 
מילה אחת. לדוגמה, במחקר על מערכת תיעוד מקוון 
מסורתית, ₪06 חַ16808! ואני מצאנו ש-81% משאילתות 
המשתמשים הורכבו ממילה בודדת. ייתכן שהכמות 
העצומה של המידע ב-60/\ אילצה את המשתמשים 
לדייק בשאילתות שלהם. בכל מקרה, שאילתות בנות 
מילה יחידה כבר אינן נפוצות כפי שהיו בעבר. בשנת 
7, ניתחתי 2,261 שאילתות שהתבצעו במנוע החיפוש 
00 /\ ו-24,743 שאילתות מאתר וחסס.חטפ.צואואו. 
בשני המקרים, גיליתי שכמות השאילתות בנות שתי 
מילים היתה גדולה בהרבה משאילתות ארוכות יותר. 
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.וצצש צש 

[5וחד 1166 6זסו] 258 |בחססב חחפסח1 וס 13085 5סח1 58 סהוחסו5פס 8396 

[5וחד 1166 פזפון] רוכב זססום ה58!ופו טסא13 8096 

[5וחד 1168 פזפוא] (אססם) סההפפהוסחם ץשפו|וט053\ 7996 

[5וחד 1166 פזסון] ...199 56ב 1800% 5 ח58|פו₪ טסא13) עפו|וט053 |הססבּחפסח1 759% 
ו 0ש. ץצ הסו-10ו םס /ט. עש צש צש 

[5וחד 1168 פזפזי]] 13005 חן ז25\ |בהססבּרהפסח1 :אססם 8296 

[5וחד 66ו1 פזסוא] 108 עסחבּצ] 7896 

[5וחד 1168 פזפון] 068065 + 8|טבך 7896 

[5וחד 1168 8זסוא] 5אססם :צסגשח כ ומסצ 759% 

[5וד 1166 678ו] (הסו5זפץ סחם!) פותש5פח 305 צסחבּצ] 7296 

[5וחד 1166 פזפון] 4016 .1 צסחבצ זסץ בּפוע 6ורח008ב63ה 7296 
ו 0ס.ץ !וש ה[. שוש צש 

[5וד 1166 16ס1ן] 3085ב 1 סח 057 |בהססבחחפסח1 8296 
.אש 2 הט5אצעע 

[5וחד 1168 פזסוא] 870158 א ו :13085 םסח 05 |בהסםבהחפסח1 :.1 הש5!פוא :אס 8096 

[5וחד 1168 8זסון] (1989-1990 ,21 בתחטופע') הספו|טם 51661 : הססספו|ס6 759% 
60 הפ שנעעע 

[5וחד 1166 8שפון] ערסבזססום ה58|פוצ טס136 8096 
05.00 וה 5. שעש וע 

[5וחד 1168 פזסו] 5 וצ 1.35% |בהססב ח65ח1 אספסחב | 8096 

[5וחד 1168 8זו₪] 5סחס0ט 5טות 01560 |בהסםסבההטסח1 אסםטחב | 7696 
61.60 ה 66. צש צשציע 

[5וחד 1168 פזפוין] 05100 1001308 זם05\ 8096 
וו סח צשעשצע 

[5וחד 1168 8ס] וב הורח5 הססבּט|בצם בחב הסופפם עצעשעש : 5ששפח פסוחסצ] 7996 
51.60 6 סוק 50. עש צשצע 

[5וחד 1168 ₪1676] 08ב ובס 05 |בּסוחמבּזט 7896 
ו 6.60!וסששו. עה 0ז61ח 

[5וחד 1166 פזסו] אבצש פרם זם עצפוצב אססם 5'בםצעצו 7896 
1.0 סש זט ס]. צע צש צע 

[5וח ד 1166 1616 כו חההובפהוטחם שסו!ו253\ - 65ססם - 65סטוטסזס בהופצש החטםת 7796 
.516 שוש צש 

[5וחד 1166 6ז₪16] בופםח/\ 7696 
הזס6. ה20?ה הזה מש ושוע 

[5וחד 1168 8סו₪] בוהחפפחוסחם עסו|ום053\ 7696 
16 2 

[5וחד 1166 פזפסון] עזבזום| | ]ה 7696 

















[ח0ס.0/76א6 ./ע/ע/ץ 
האתרים הם יחידת היררכיה חשובה ב-ספ6שו, ולכן קיבוץ 
תוצאות החיפוש על פי האתרים להן הם שייכים, מהווה 
דרך טובה לסיוע למשתמש לחלק את התוצאות מבין כמות 
הדפים העצומה שבתוצאות החיפוש שלהם. בדוגמה זו, 
הייתי שם את תוצאות החיפוש של הוחסס.ץ680-ז-0!זסצט. וצו 
מעל חסס.ו6פט.אוצו, משום שנראה שחשוב יותר שתהיה 
תוספת של 50% בדפים הנוגעים לשאילתה מאשר דפים 
שקיבלו ציון של 82 או 83 בדירוג החיפוש. 
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-1997-06 , פהבשנחבון] ? | 5 ₪00 555] 5| ער 3 השח זסזו מס זפזטם 60 3 צטם | בוטסח5 צחצעצ : 


60 .2006./עעשעץ 


שיטת הקיבוץ מתאימה גם לחיפושים בתוך אתר יחיד, למרות שהמנגנון המבני צריך להיות 
שונה. לדוגמה, ניתן לסדר את מבנה התוצאות על פי אתרי משנה או על פי קטגוריות, כפי 
שנעשה בדוגמה זו מתוך אתר 201%6%. שים לב גם לשימוש בקישורי קיצורי דרך לאזורים 
החשובים ביותר של האתר שמתאימים לשאילתת המשתמש. אני פחות אוהב את תיבת החיפוש 
שמופיעה בפרסומת. למרות שברור מעל לכל ספק שמדובר במודעה, תיבה זו עדיין מטרידה 
מאוד את המשתמש. 
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שים לב כיצד דפים עם תיאורים שכתבו אותם בני אנוש מקלים מאוד על המשתמש לקבוע אם 
הדף מעניין אותו. השווה, לדוגמה, את התוצאה הראשונה עם השנייה: התוצאה הראשונה 
מיוצגת על ידי סיכום הדף שמיוצר אוטומטית על ידי 0566%/ח1, והתשובה השנייה מיוצגת על ידי 
סיכום אמיתי. שים לב גם, בדף הזה, כיצד מנוע החיפוש מנסה לזהות כמה משפטים חלופיים 
שיכולים להיות שימושיים לניסוח מחדש של השאילתה. ביצעתי חיפוש על המילה "שוווס58ט" 
ולכן קרוב לוודאי שההצעה לבצע חיפוש על "4866ז6שחו זפ" תסייע לאתר דפים שלא ניתן היה 
לאתר אותם על ידי החיפוש הראשוני. כמובן שלמערכת יש יכולת מוגבלת למצוא חלופות 
מתאימות, כפי שניתן לראות מההצעה השנייה, "66017018 ח! 5000065ח! 56/6066 זס)טקוחס)" 
(למרות שישנו מוסד כזה שאכן מבצע מחקרי שימושיות, ישנן שאילתות חלופיות טובות בהרבה 
מהצעה זו). 
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ראה מה הגולשים 
מחפשים 


כמה ממנועי החיפוש 
הראשיים באינטרנט 
מציעים שירות הצגת 
דוגמאות אקראיות של 
שאילתות שהוקלדו על ידי 
משתמשים אחרים. מעניין 
מאוד להקדיש כמה דקות 
כדי לצפות בדרך בה 
הגולשים מנסחים את 
השאילתות שלהם, 
ולנסות לנחש מה הם 
מנסים למצוא. החיפושים 
מספקים מידע ממקור 
ראשון אודות רצון 
הגולשים (שירות 

זס|אוהז6 60 /\ בו 
השתמשתי כדי לאסוף 
את הסטטיסטיקה שבפרק 
זה נמצא בכתובת 

/רח60. ]אוה וס ססצו/ /: קת 
0-ו ). 


בנוסף לצפייה בגולשים 
שביצעו חיפושים 
באינטרנט, עליך ללמוד 
גם את רשומות החיפוש 
של מנוע החיפוש באתר 
שלך. כל המונחים 
שמופיעים בתדירות 
גבוהה ברשומות האתר 
שלך הם מידע רב ערך 
שאם תעבד ותנתח אותו, 
תוכל לדעת מה 
המשתמשים חיפשו ולא 
מצאו. 





התפלגות כמות המונחים בהם השתמשו בשאילתות 
חיפוש, במערכות מסורתיות שקדמו ל- טפ/\ ובשני 
מנועי חיפוש. 


חיפוש קודם | זס!/ש606:3/% והס6.הט5. טע 


ל-60/צ\ 
מילה 1% 1% 1% 
2 מילים 1% 5% 2% 
3 מילים 4% 1% 1% 
4 מילים 1% 6% 5% 
5 מילים ומעלה 0% 5% 2% 


למרות ששפע הנתוניס שבאינטרנט היה אמור לעודד 
שאילתות ארוכות יותר, רוב השאילתות הן עדיין 
בנות מילה או שתיים. שאילתות קצרות למדי אלו 
מהוות למעלה מ-75% מכמות השאילתות שנבדקו 
בדוגמה שלי. הלקח עבור מעצבי ה-פ6/\ הוא שעליהס 
להתמקד בהצבת מילות מפתח שמתארות טוב את 
הדף בתוך תגיות ה-688ח, משוס שרוב המשתמשיס 
ימצאו את האתר על ידי חיפוש מילת מפתח. בנוסף, 
עליך להוסיף מילות מפתח לכל המילים הנרדפות 
שבנושא. הוסף מילות מפתח חלופיות עבור כל מונח 
בו משתמשיס המתחרים שלך כדי להתייחס לסוג 
המוצר אותו אתה מוכר. לדוגמה, דף שעוסק 
בדיסקיס קשיחים צריך להכיל את ראשי התיבות 
50גס כמילת מפתח משוס שלקוחות 18% מסורתייס 
רבים רגיליס לקרוא לדיסקים קשיחיס בשס 50גס 
(26/1665 5107806 266655 66%זום - התקני אחסון 
ישירים). 


מצער שהגולשיס נוטיס להשתמש בחיפושיס קצרים, 
מכיון שמנועי החיפוש טוביס יותר במציאת הדפיס 
הרלוונטייס ככל שיש להס יותר מידע אודות צרכי 
המשתמש. לרוב, הדרך לספק יותר מידע אודות 
הצרכים שלך כוללת ציון מונחי חיפוש נוספים, כולל 
מיליס נרדפות או משפטיס חלופייס. קשה לעשות את 
זה, והגולשיס גרועיס במציאת מילים נרדפות. בנוסף, 
כמובן, העצלנות הטבעית מעודדת את המשתמשיס 
להקליד כמה שפחות נתונים. בגלל בעיות אלו, מנועי 
החיפוש חייביס לקחת יותר אחריות, ולאפשר 
למשתמשים לשפר את החיפושיס שלהס. 
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(בעמוד הבא) לדעתי, 
ל-0566%+ח1 יש את הממשק 
הקל ביותר להרחבת יכולת 
החיפוש של המשתמש על ידי 
מונחים קשורים. מנוע 
החיפוש בוחר במספר מונחים 
קטן, ובשל כך רב הסיכוי 
שהמשתמש יקדיש זמן כדי 
לקרוא אותם, ולהחליט אם 
הם מהווים חלופות חיפוש 
שימושיות. בנוסף, החזרה על 
החיפוש עם המונח החדש 
היא עניין פשוט שדורש 
לחיצה על המונח הרצוי. לרוע 
המזל, הפרסומת (של 61560) 
גורמת למרחק גדול ולהפרעה 
מזיקה בין מונח החיפוש של 
המשתמש ("שו!ו580ט טפאו") 
ובין הנושאים הקשורים 
שמוצעים (פ65וקסד 46|3%60). 
משתמשים רבים יתעלמו 
כנראה מהנושאים הקשורים 
משום שהם "מתחבאים" 
בסבך החלק העליון והשמאלי 
של הדף. 


שילוב אתרים ומנועי חיפוש 


עיצוב תוצאות החיפוש 


כשהמשתמש עובר לקישור מרשימת תוצאות חיפוש, 
יש להציג את הדף לפי תוכן החיפוש שלו. לשם כך, 
יש להשתמש במערכת ניהול מסמכים שמסוגלת 
לבנות דפים דינמייס שמשניס את תוכנס לפי החיפוש 
הספציפי של המשתמש. עקרונית, דפי התוצאה 
צריכים להתאיס את עצמס לחיפוש המשתמש בכל 
מצב, אך מעשית ניתן לעשות ואת רק עבור חיפושיס 
של מנוע החיפוש באתר עצמו. משתמשים שמגיעיס 
ממנועי חיפוש כללייס באינטרנט כגון 0566%+ח1 
יקבלו כנראה דפים סטטיים בגלל חוסר השללוב בין 
האתר ומנוע החיפוש. 


הדרך הנפוצה ביותר לשפר את דף תוצאות החיפוש 
היא להאיר את כל המקומות בהס מופיע המונח 
שאותו המשתמש חיפש. בכך, המשתמשים יכוליס 
לסרוק את הדף מהר יותר ולמצוא את חלקי הדף 
שמתאריס את הנושא שמעניין אותם. על ידי סיוע 
למשתמשים למצוא את מונחי החיפוש שלהס בדף 
שלך, הס יכוליס להבין מהר יותר מדוע מנוע החיפוש 
כלל את הדף ברשימת התוצאות, וכן אס השימוש 
במונחי החיפוש שבדף קשור לצרכיהס. 


קל לשלב אתרים בצורה הדוקה יותר עם מנועי חיפוש. אם מנוע חיפוש ישתמש בשיטה 
סטנדרטית לקידוד מונחי שאילתת המשתמש, רבים מהאתרים יעשו את המאמץ להציג 
דפים מתוכנתים שמאירים את המונח שבשאילתה. 


מנועי חיפוש אמורים גם להיות מסוגלים להציג תוצאות חיפוש במבנה טוב יותר, אם הם 
יורידו קבצי הגדרת מפת אתר (5₪06%80) וישתמשו בהם כדי להמחשת המבנה של כל מרחב 
נתונים באתר. אם, לדוגמה, אתר נתון מכיל חמישה דפים שמתאימים לשאילתה, וארבע 
מתוך חמש התוצאות נמצאות בסדרת דפים שקשורים אחד לשני, על רשימת תוצאות 
החיפוש להציג שתי תוצאות עבור האתר. הקבוצה בת ארבעת הדפים אמורה להיות מיוצגת 
על ידי התייחסות יחידה לדף המרכזי או לדף החשוב ביותר (יחד עם סמל שמציין כי 
התוצאה מייצגת קבוצת דפים). 
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8 א 15 א צזו|8 הז חט-] א 15801 א 
הומהפט ם ם 5סבחטה ב ץ ץשוובּחסטסח ]ץז םץ שווופהפט ם םז 
החוםעטסססזם ב רם |בסוחסבּזם ב םם הסספסוומטבּ 1 ך] זפ ם ם 
חס ם] םז ששם ם ספגוססז םב ם חחופפט ם םק 
פמט ם ם החסה הז םם 
הַחוחמופפה ךז בם 
6 א חוד שא ההז 52 6 | ו 
זב 50 ה ]ץז בַחספפ ם ]ץז חססבזפסחו ב ךז פמזספט ם ם 
הַחחפהוהַחה ב ךז אסם ם אהמם ם שפסם םה 
שוווטבוופז ב הז טספשם םה פצטוחטס ב הז אפסם ם 
פסוטפה ם הז הבטה ם ךז 
עטוווטבחובּסהובּח ב ךז פזסאבו םע הז 
פסווחסחספָזה ךם ךם 
זפטומחסט ם תץ 
| סוחזסחספַזה ב םרז 
בי , , | ; | 
5ח ה הת א הזוה 2 0 5שפפחועע א 5 א 
5חפופסהבחחה [] [] | פסהםתתםזושחם ]רת 5ויסטחואי ב ם 5זפמסופפה םם םם 
החפ ם םם חססבקו|בטפוצ ב 1 | פהססבסוומטב כם םם זפמס|פפט ם ם 
סופזמהו ב ץז גוצם ה 950 ם תם ץְססוס טספ ם םם 
8זסטט ם ם |בנסזוי בז 1 | עטוווםטבּםותסס 1 [] | 5פוסס|סססוספה בם [ם 
הסופזפץ ךז ם] %חפההתםזוצחם 1 ךז אספסזסוח הז םם %הפהמסופצפה ךז ם] 
הפהווו ם טפ ם ם בחסבּזפמס ה [ם 
פחסופזפי םת שוובּפז ם ם 5 ה 
5זטמט ב הז 
1/ '/ 1'/ , ז 
וטוא שא בב שא 6פעזסזסזוק שא ב א 
בוספחטוטה ד ך] 8 הק פמששסססזם ם תץ פוטונסחו ב ץז 
החהסוסטב [ם] ך] ססטוטסזם ם תם זט םש תץם %חבו|מחסס ם [ם 
הצססבּזסלחו ב ם]ז שטוווטואפה םב ץז פשסבּזטטו ב םז זהופהפ ם ם 
יבטלה ב םם 
חן א 05| א 5 א הסוסה ט|הע א 
%חפוט ב ם פחזסטבום ] ם]ז פזפחטופטה הז םם הססבּטובּצם ךז םז 
ובּחססבופז ב ךז חזסטבום ד ךז 5זפוחותבּזטַסזם 1 רם החסבּטובּצם ב םץז 
זה ם ם אוחט ם םז זהחטופפה ם ם 5חססהבטובצם ם] תם] 
5טטטטהט ם םת חפפ!בוח ב רם 
8 ו ה סספוזטפת ם םם 
פזםם: ם ם טסאבנ ם [ם 
וספם ם פזססהטובצם ב] םז 
סטסס ם ם 
518.60 8/)9./ע/עעע 


נראה ש-8|68/15%88 מציף את המשתמש ביותר מדי אפשרויות ומונחים חלופיים. משתמשים 
מנוסים עשויים להעריך את הרשימה המקיפה של מונחי החיפוש החלופיים, אך רוב 
המשתמשים ייבהלו ממה שיכול לשמש כאפשרות שימושית לניסוח מחדש של השאילתות 
שלהם. אני הייתי מעדיף עיצוב שבו יהיו פחות אפשרויות. עם זאת, יש לאפשר למשתמש גישה 
לטבלה ענקית זו באמצעות קישור "ח50810 +וסקאם". 


0 עיצוב ממשק באינטרנט 
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[5ומד 1(68 פזסו] עָזהיום! | 061 09115 8 - 601.08 8796 

|וחס. 5 טס וְחַס/ עשי זב 501 טגום/ מס וספ.סורח. ו ו סתפם- אאא :סח :₪ 
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60/6.60 ./ע/ע/ץ 


6% מספק אף הוא דרך להוסיף מילים נרדפות. בדוגמה זו, יהיה זה יעיל לחפש מונח כגון 
"655" אם המשתמש מתעניין ב-'666ח5 50/16 פַח/685080". יתרה מזאת, כל תוצאת חיפוש מכילה 
קישור "פוחד 1166 6זסוי!" שמבצע חיפוש של דפים דומים לזה שהמשתמש רצה. עקרונית, עדיף 
להציב לחצן מסוג "פוחד 6א1] 6זסו! שחו" בדפי היעד עצמם, אך דבר זה דורש שילוב בין האתר 
למנוע החיפוש. בתרשים זה, יש שימוש בצבע רקע עדין למדי שמאחד את אפשרויות החיפוש 
הזמינות ומפריד אותן מהשאר, ובכך התצוגה הופכת לעמוסה פחות מאשר ב- 0566%ח1 או ב- 
8. הצבת הרמז אודות משמעות הלחצנים "5וח+ 6א!! 6זסוח" בתוך מרכז רשימת תוצאות 
החיפוש (ולאחר התוצאה החמישית) היא גישה עיצובית לא שגרתית, אך נראה שהיא טובה: עין 
המשתמש קולטת את השינוי בצבע הרקע ובסידור, והצבעים התואמים גורמים לאחידות הרמז 
עם אזור החיפוש הראשי בראש הדף. 


פרק 4: עיצוב האתר 241 
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דחס6.6/סססם./ע/שעע 


מנועי חיפוש שמפענחים שפה טבעית מקבלים הרבה תשומת לב, אך לרוב הם אינם טובים 
מבחינת השימושיות. המשתמש צריך להתאמץ יותר כדי לנסח שאלה שלמה, והגולשים מעדיפים 
להקליד מספר קטן של מילות מפתח. בנוסף, מנועי החיפוש אינם מסוגלים להבין ממש את 
השפה האנושית, ולכן הם מטעים את הגולשים כשהם מעמידים פנים שיש להם את היכולת הזו. 
בדוגמה זו, השאלה שנשאלה בשפה הטבעית "?007655 חַזַט0600/50 6ו) סססזצו סחע\" במנוע 

65 הביאה לקבלת תוצאות רבות שמתייחסות למסמך אך לא לחיבור. די ברור שניתן 
למצוא את התשובה לשאלה על ידי בדיקת אחד הקישורים, אך קל יותר פשוט להקליד את 
מילות המפתח הקשורות "4007655 8טט5ץ66" במנוע החיפוש 6008!6 משום שהתשובה 
מתקבלת ישירות בשתי התוצאות הראשונות. 6008!6 מציג את הטקסט המלא של הכתובת 
בתוצאה הראשונה שמתקבלת, משום שהוא אינו יודע שאנו מעוניינים ספציפית במקור. 
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התיעוד המקוון ומבוסס ה-65/\ של 2א0ספז6שופחה 5'חטס, 
מאיר את מונחי השאילתה של המשתמש ("!|5₪9חו" 
|-"זססחוזכ"), כדי להקל על המשתמש לסרוק את הדפים 
הארוכים למדי, ולמצוא את הסעיף שמעניין אותו. תחתית 
הדף מכילה ראשי פרקים של נושאים קשורים באותו האזור 
של מרחב הנתונים. העיגולים האדומים מיועדים לציין את 
הקשר הצפוי של כל דף יחסית לשאילתת החיפוש הנוכחית 
של המשתמש. 
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עיצוב וחטש 


6 |-8670675 וחוד אמר כי לו היה יודע שה-ט6/\ תהיה 
פופולרית כל כך, הוא היה מהרהר שנית במציאת חלופה 
לחלק הלוכסן של כתובת ה- |₪, שמטרידה במיוחד 
במקריס בהם יש להעביר כתובות כאלו בשיחת טלפון. 
עקרונית, כתובות אש הן קוד שמיועד לקריאה על ידי 
המחשב, ולא צריך להיות לו שוס קשר לעיצוב ממשק 
המשתמש. במציאות, יש אמת בעובדה שכתובות ₪1 
נחשפות למשתמשים במובנים רבים של שימוש ב-ט6/\, 
ולכן עלינו להחשיב אותן כנושא שקשור לעיצוב. 


אס נתחשב בפופולריות הרבה של ה-65/ש, אין צורך 
להקריא את חלק יי//:קאח'יי של ה-0₪1 כשמעביריס 
אותה בשיחת טלפון או כשכולליס אותה בפרסומת 
בטלוויויה. רוב החברות פשוט מתייחסות לאתרי 
ה-69/\ שלהס כ-וחסס. ץחהקוהסס.צאוו במקוס 

/ההסס. חק והס6. צצאוצצ/ / :סח (התחביר הנכון). 


שמות חובּוחסס מעורבים 

כיצד ליצור חוהוחסס שמתייחס לאתר פ6\\ ששמו מכיל כמה מילים? לדוגמה, האתר של 
ח6!56ו\! 28600 יכול להיקרא \ח60.ח16!56ח00ס86[, וחסס. ח56ו6וח-00ס>8ן ועוד שילובים רבים נוספים 
של שתי המילים (תו הקו התחתון אינו חוקי בשמות חוףוחסכ, אך מותר להשתמש במקף). 
ניתן ליצור שמות מעורבים על ידי שימוש בנקודות (כלומר, 0ס6.ח16!56ח.8%00[) רק אם 
החברה היא בעלת ה- חוגּחחסס העיקרי (במקרה זה, וחסס.ח6!56וח, שכבר תפוס על ידי חברת 
הדירוג ח1656א). בנוסף, אם אתה הוא בעל שם ה- חוהוחסכ העיקרי, מדוע שתיצור שם 
משנה ארוך ומורכב יותר עבור אתר ה-69/\ שלך? אני ממליץ להשתמש בקידומת 
הסטנדרטית ".צושואו" כקידומת לאתרי ס6/\ משום שקידומת זו מציינת שמדובר באתר 60/\ 
ולא במשהו אחר (בעבר, היה צורך גם בהוספת הקידומת "//:קח" להבהיר שמדובר באתר 
0 \, אך רק הדקדקנים שבינינו עדיין עושים זאת). לפיכך, שלוש האפשרויות לבחירה הן: 
% הצמד את המילים: וחסס.ח16!56חסס136 

4% השתמש בקיצור: חסס6.חספוסוחן 

4% השתמש במקף: וחסס.ח6!56וח-0ס6ה18 


רוב האתרים ב-65/\ מעדיפים את האפשרות הראשונה. הצמד את המילים יחד ליצירת 
"מילת אינטרנט" חדשה עבור ה- חופוחסכ. מבחינת השימושיות, העובדה שרוב בעלי 
האתרים האחרים עושים משהו מסוים היא סיבה מספיקה להצטרף, משום שהמטרה היא 
לעשות את מה שהמשתמשים מצפים לו. 

הקיצורים טובים כתחליף לשלוש מילים או יותר' או כשתוצאות הצמדת שתי מילים יחד 
תהיה ארוכה מדי ו/או קשה לאיות. המלצתי העיקרית היא להצמיד את המילים אם מדובר 
בשתי מילים קצרות מספיק וקלות לאיות. 


עליך להימנע משימוש במקפים משום שהגולשים נוטים לשכוח אותם או להחליף אותם 
בקווים תחתונים, ונדיר לראות אותם בשימוש (לכן הם מהווים בעיית שימושיות). למשל, 
ה- חוגוחססם הרשמי של אתר הוצאת הוד-עמי הוא |ו.60.וח0-8סח.שטצצו אך מכיון שהתברר 
שלקוחות רושמים |ו.60.ווחהססח.צוצוצו (בלי מקף) נרכש שם חוהוחסכ זה עבורם, ובוצעה 
הפניה ממנו לאתר ההוצאה. 
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למרות שהמדקדקים מגנים את צורת הייצוג הזו, 
היא נראית לי מושלמת, במיוחד משוס שכמעט כל 
הדפדפנים מוסיפים את הגדרת הפרוטוקול החסרה 
\\:קח) לתחילת הכתובת ואת הלוכסן בסופה. 
ה-68/\ הפכה לנפוצה כל כך עד שידוע שכל דבר 
שמתחלל ב-אואואו ומסתייס ב-וחסס. הוא אתר 60/\ 
(בישראל, כאמור, הסיומת היא בדרך כלל וו.60. אבל 
יש גם וו.ז6ח.). 


אני ממליצ להפוך הן את הכתובת וחס6.ץח8קוח0ס6 והן 
את וחסס.שְחהקוהס6.צצושו לשמות נרדפיס של שרת 
ה-60/\ שלך. כיוסם, רוב המשתמשים כולליםס את 
הקידומת .שואיי כשהס מקלידים כתובות |חש, אך 
לעיתים הס שוכחים לעשות ואת. בנוסף, כשהכתובות 
מוקראות בטלפון, נעיס יותר להימנע מהקידומת 
'י.שושויי שקשה לבטא אותה. 


המרכיב החשוב ביותר של ה-081 הוא שס המחשב 
(חווחסכ - השס שמופיע מייד אחרי הקידומת 
//:קאח). אס המשתמשים יזכרו את שס המחשב שלך, 
הס יוכלו לפחות להגיע לדף הראשי שלך, בתקווה 
שאפשרויות הניווט והחיפוש מספיקות כדי לסייע 
להס למצוא את הדף לו הס זקוקים, גם אם אין להס 
את המשך הכתובת. רוב החברות מנסות להשיג 
לעצמן חווחסכ שיהיה תואס לשס החברה, ואני 
הייתי ממליצ בחוס לכל מי שפותח חברה חדשה 
לבחור בשס שזמין לא רק כסימן רשוס אלא גס 

כ- חוהּחחסס באינטרנט. חוהוחסכ ארוך, מסובך ומורכב 
יעלה לבעל חברה בהרבה לקוחות אבודים. שמות 
חוהוחסכ טובים שוויס בערכם למיקוס נדלייני טוב 
כמו בקניון איילון ברמת גן או קניוו רמת-אביב. 


ציין כתובות 1 מלאות בקוד ‏ !אדוו 


אני ממליץ להשתמש בתחביר מלא של כתובות !חש בקישורי הטקסט שבקוד |דה. עדיף 
לכלול את הלוכסן הסוגר בכל כתובת 081 שמצביעה על קובץ ברירת המחדל בתיקיה. רוב 
שרתי ה-65/\ מסוגלים להתמודד עם לוכסנים חסרים, אך תכונה זו דורשת לרוב מהשרת 
להפנות את דרישת הדפדפן מהגירסה המקוצרת לגירסה הנכונה, ובכך להוסיף זמן מיותר 
להשהיית זמן התגובה. לפיכך, אם תרצה להגיע אל טור אספ+זפ|ה שלי, עליך להקליד את 
כתובת ה-|חש כ: 


אסטץז3!6/ וחסס.516%גו. ואו / : כקסזת 
או כך: 
360% ה15616.60\. ששו 
אם אתה רוצה לכלול קישור טקסט לטור באחד מדפי ה-69/\ שלך, יש ליצור קוד !אדו כגון: 





<8> א00ז0! 5 'ח56!וסו4] ססאה[<"/אסט 36 / וחסס.86גו. אואוו// :קש ה"=61זה 8> 
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ניחוש כתובת ואש 
בועידת 05וא ופסוףוס 
שנערכה לא מזמן, נשאל 
ילד בכיתה ה' כיצד הוא 
מוצא דברים באינטרנט. 


תשובתו היתה "אני מנסה. 


אני מקליד שמות דברים 


שאני אוהב ומוסיף להם 
את הסיומת 'וחסס.'". רוב 
המבוגרים עושים את אותו 
הדבר. למעשה, מדהים 
לראות כיצד הם מנחשים 
כתובת !₪ בבדיקות. 
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מחקרי השימושיות שלנו הראו שהמשתמשים 
מסתמכים על קריאת |ח כשהם מנסים לפענח את 
מבנה האתר, או את התוצאות האפשריות של מעבר 
לקישור. היה עדיף אילו היו לדפדפניס דרכיס טובות 
יותר להציג מפורשות את מבנה האתר, ולתת תצוגה 
מוקדמת של יעדי הקישורים, אך נכון לעכשיו הס 
אינס עושיס ּאת. משוס כך, המשתמשים נאלצים 
לפענח את הכתובות בלי להבין את החוקיס. 


ידוע לנו שהמשתמשים מנסיס להבין את כתובות 
ה-81, ולכן אנו מחויביס להפוך את הכתובות 
למובנות. כל שמות התיקיות צריכים להיות קריאיס 
לבני אנוש, ויש להרכיב אותן ממילה או מצירוף 
מיליסם המסבירות את משמעות מבנה האתר. בנוסף, 
מבנה האתר שלך אמור לתמוך במחיקת חלק 

מה- 81( למקרה שהמשתמשים מוחקים חלק 
מהכתובת בתקווה לקבל דף תצוגה כללית במיקוס 
גבוה יותר בהיררכיית האתר. כמובן, עדיף 
שהמשתמשים יוכלו לנווט במבנה האתר שלך על ידי 
שימוש בלחצני הניווט שתיצור, אך אנו יודעיס 
שרבים מהס משתמשים בייחיתוך'י כתובות ₪1 
כקיצור דרך: משתמשים מעין אלה אמוריס לקבל 
תוצאות סבירות (לרוב, אהו דף תוכן שמפרט את 
המידע הזמין ברמת ההיררכיה הנוכחית). 


ביוס מן הימיס, הדפדפניס, השרתים ומערכות 
ה-ץאסז יכללו כולס בודקי איות, אך נכון להיוס 
המשתמשים נידוניס למפח נפש אס הס לא מקלידיס 
כל תו בדיוק כפי שהוא אמור להופיע בכתובת ה- |אש. 
מעצבי ט6/\ יכוליס להפחית את תדירות המפגש של 
הגולשיס עס הודעת 404 6חטס? זסח 6!ו₪ הנוראית על 
ידי כך שהם יבחרו בכתובות א( שקל לאיית אותן. 
הכלליס לכתובות ₪1 קלות לאיות הסם: 


% בחר ב-₪1 קצר ככל האפשר (ככל שה- ₪1 
ארוך יותר, יש יותר סיכוי לטעויות). 


%%> השתמש כמה שיותר במילים שלקוחות מהשפה 
הטבעית הנפוצה, משוס שהמשתמשים ידעו 
לרוב כיצד לאיית את המילים הללו. 


> השתמש רק באותיות קטנות. אם תשתמש 
בתערובת של אותיות גדולות וקטנות, מובטח 
שחלק מהמשתמשים ישכחו חלק מהאותיות 
הגדולות ויקבלו הודעות שגיאה (תלוי בשרת). 
באופו כללי, אסור לסמוך על ההבדל בין אותיות 





היזהר מ-0 ו-0 


מסוכן להשתמש בספרה 0 
(אפס) ובאות האנגלית 0 
בכתובות 081 משום 
שהמשתמשים נוטים 
לבלבל בין השתיים. האות 
הקטנה 0 פחות בעייתית. 


אם עליך להשתמש ב-0 או 
ב-0 בכתובת ‏ |חש, עליך 
ליצור שם נרדף (85ו|4) 
לאותה הכתובת עם התו 
השגוי, שתפנה לכתובת 
הנכונה. למשל, אם אתה 
שומר לעצמך שם מחשב 
כגון וחסס.0אסט, עליך 
לרכוש גם את השם 
הח0סס0.6א0ספ ולהעביר את 
הגולשים ממנו אל הכתובת 
הנכונה ח 0ס.0אספ. 








גדולות וקטנות בממשק המשתמש משוסם שהפרדה 
כזו היא מרשס בטוח לטעויות משתמשים בתדירות 
גבוהה. העירוב בין אותיות גדולות וקטנות נקרא 
בשס שגיאות תיאור (זסזו6 החסחקו0050). 


6% הימנע במידת האפשר משימוש בתווים מיוחדים 
(כל דבר שאינו אותיות וספרות). אם יש צורך בקו 
הפרדה, היצמד לתו בודד לאורך כל ה- |0₪ שלך. 
השתמש בקו תחתי או במקף, אבל לא בשניהס. 


כתובות וחטש ארכיוניות 


הדרך השלישית בחשיבותה בה הגולשים מוצאיס 
אתרים (אחרי מנועי החיפוש והמלצות בדואר 
אלקטרוני) היא קישוריס מאתרי 60/\ אחרים. בשל 
כך, עליך לבנות את האתר שלך כך שיהיה קל למשוך 
אליו קישוריס נכנסיס. 


התיישנות קישוריס משולה לעסק אבוד, ולכן עליך 
לוודא שכל ה-₪81 יחיו לנצח, וימשיכו להצביע על 
הדפיס המתאימיס. אל תזיו דפיס באתר, אלא שמור 
על אותה כתובת 1 שלהם. כותבי אתרים אחריס 
מוטרדיס כשהקישוריס שלהס מפסיקים לפעול, או 
כשהם מצביעים על דבר שונה ממה שהצביעו עליו 
מלכתחילה, משוס שהדף המקורי הוסר והוחלף בחדש. 


תוכן שמשתנה על בסיס קבוע מאוחסן פעמים רבות 
תחת כתובת 1אש זמנית. דוגמאות לכך כוללות את 
העותק הנוכחי של מגזין ודף ראשי של עיתון יומי. 
פעמים רבות תרצה לפרסם כתובות ]אש וירטואליות 
שמצביעות על משהו כגון 'יהדף הראשי של 
סייברטיימסיי, ייהטור השבועייי, יירשימת מילות 
מפתח בוועידת 6!זס/\ז6חז%6ח1 הבאהיי וכן הלאה. 
למעשה, המשתמשים מעדיפים לרוב לסמן מצביעיס 
וירטואלייס אלה משוס שהס מעונייניס לגשת למידע 
המעודכן ביותר בכל פעס שהס מבקריס באתר. 


לעיתיס קרובות, תוכן שמכיל נושאיס מעין אלה עשוי 
להיות מעניין גס בטווח הארוך ויש לאחסן אותו תחת 
כתובת |א(\ קבועה בנוסף לכתובת הזמנית, שתשתנה 
ותצביע על התוכן החדש באופן קבוע. לדוגמה, לפעמיס 
אני רוצה לקשר את הקוראים של הטור המקוון שלי 
לכתבות במגזיניס מקווניס, אך כמובן שאינני מעוניין 
לקשר אותם לטור הנוכחי, אלא לטור מסויס שהופיע 
בתאריך מסוים. לשתי התפיסות עשוי להיות ₪1 זהה 
באופן זמני, אך יהיה וה הרבה יותר נוח להשתמש 

ב- |ח(\ הקבוע של גרסת הארכיון בקוב\ ה- וואדו שלי. 
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בין אם אתה מארגן מחדש 
את האתר שלך ובין אם אתה 
מזיז קבצים מסיבות אחרות, 
עליך לוודא שכתובות ה- |( 
הישנות ימשיכו לפעול. יש 
לשמור כתובות 1ש פעילות 
לפחות חצי שנה, ומומלץ 
לשמור אותן אפילו שנתיים 
ויותר. 


0 עיצוב ממשק באינטרנט 


תהיה זו טרחה מיותרת לעדכן את הקישור בתאריך 
מאוחר יותר, ורביס מכותבי האתרים שוכחים לעשות 
זאת. גרוע מכך, בודקי הקישורים לא יגלו לרוב את 
הטעות משוס שכתובת ה-081 הישנה ממשיכה להיות 
זמינה, אלא שהיא פשוט מצביעה על תוכן חדש שלא 
שייך בהכרח לנושא. 


הדרך המועדפת לטיפול בכתובת !₪1 וירטואליות 
היא להקצות מראש כתובת |( ארכיונית לדף, 
וליצור שיטת העברת כתובת קבועה זו לכותבי 
אתריס שרוציס לקשר אליך. לדוגמה, הכתובת 

|החזח. |8ז0ש601/+ח6 וש והסס. 00+. אוו / :סח יכולה 
להיות הכתובת הווירטואלית שמפנה תמיד למהדורה 
הנוכחית, ואילו 

|החזח. |0718ו990207/60/ וחסס. 00ס?. אוצצאו/ / :קה יכולה 
להיות הכתובת הקבועה שמצביעה על מהדורת 
השביעי לפברואר, 1999. הכתובת הקבועה צריכה 
להפוך לפעילה ברגע שהדף מופיע, אפילו אס רוב 
הגולשיס ישתמשו תחילה בכתובת הווירטואלית כדי 
לגשת למהדורה. הסיבה להפעלת הכתובת הארכיונית 
בומן שהדף עדיין מופיע בגירסה הווירטואלית היא 
שאתריס אחריס שירצו לקשר לדף יוכלו לקודד את 
הכתובת הקבועה בקישוריס שלהם ולשכוח ממנה. 


עקרונית, ישנן שתי דרכיס להצגת כתובות ₪1 
ארכיונית ליוצרי אתריס אחרים. תוכל להוסיף את 
הכתובת בתחתית הדף. כלומר, 

6 || 0806 15חז +0 חס 068| +הסחהוהזסכ %6<!|הוח5>" 
"<||58/ > | הסח 60031 990207/ ההסס. סס?. אוצו/ /: כ ח, 
או שתוכל להשתמש בשיטת הקישור הרגילה והפשוטה 
ליצירת כתובות 81 ארכיוניות. השימוש בקישור 
משחרר אותך מהצורך להוסיף שורה בתחתית הדף 
שלך (דבר טוב כשלעצמו), אך מוסיף טרחה לגולשיס 
שירצו לקשר אליך (דבר רע מאוד ועלול לעלות 
בתעבורת גולשים). השתמש בשיטת נתינת שס רק אס 
היא א) עקבית ו-ב) קלה לגישה על ידי צפייה בדוגמה 
אחת או שתייס של דפים ישניס וכתובות הארכיון 
שלהסם. דוגמה טובה לכך יכולה להיות הכנסת 
התאריך בו פורסס הדף אל תוך כתובת ה- |אש. 


פרסום ואט 


כדי לשלב את הנוכחות המקוונת שלך יחד עס הפעילות 
בעולס האמיתי, דאג לכך שכל מסעות הפרסוס שלך 
יציגו כתובות 81(! שמצביעות על אתר ה-טפצ\ שלך. 


כל מוצר פיסי אמור להגיע גס הוא יחד עס כתובות 
של דפי המוצר המתאימים. יש להטביע כתובות 
אלו על המוצר עצמו, או להדביק אותן מאחור. 
כשכתובת ה-81 הופכת להיות חלק מהמוצר, תוכל 
להבטיח שהמשתמשים יקבלו שירות בקלות ללא 
צורך בחיפוש האתר. דבר ה מקל על הלקוחות גס 
בהמלצה על המוצר שלך למשתמשים חדשים, והוא 
משפר את הסיכוי שהם יחזרו לאתר שלך כשיגיע 
הזמן להחליף את המוצר או לרכוש משהו חדש. 


תמיכה בכתובות וחע ישנות 


בין אם אתה מארגן מחדש את האתר שלך ובין אס 
אתה מזיז קבציס מסיבות אחרות, עליך לוודא 
שכתובות ה-81/ הישנות ימשיכו לפעול. יש לשמור 
כתובות 1ח(\ פעילות לפחות חצי שנה, ומומלצ לשמור 
אותן אפילו שנתיים ויותר. למעשה, בעלי אתריס 
שביצעו שינוייס מזמן עדיין מדווחיס על גולשיס 
שמגיעים לכתובות 81 שהשתנו לפני למעלה 
משנתיים. 


לכתובות 81 ישנות יש חיים משלהן, והן קיימות 
ברשימות הסימניה של המשתמשיס ברחבי העולס 
כולו בתיעוד מודפס, בכתובות דואר אלקטרוני, 
ובאתרי פ6)\ אחריס שמקשרים אליהן. למנועי 
חיפוש לוקח לרוב חצי שנה כדי לעדכן את בסיסי 
הנתוניס שלהם, ולמחוק או לעדכן את הכתובות 
הישנות. 


הדרך המומלצת לטפל בכתובות 81 ישנות היא 
ליצור הפניה (ח0ו660ז₪601) מהשרת שלך, שתעביר את 
כל מי שינסה להתחבר לכתובת הישנה אל הכתובת 
החדשה. פרוטוקול סדדו מציין שני סוגיס של 
הודעות הפניה: קוד 301 וקוד 302. הפניה מסוג 301 
מציינת שהדף עבר באופן קבוע, וזוהי ההודעה 
המועדפת אם זהו אכן המקרה. דפדפן סביר אמור 
לעדכן את רשימת הסימניות שלו, אם הוא מקבל 
הודעת 301 בניסיון להגיע לדף מתוך רשימת 
הסימניות שלו. בדומה לכך, מנועי החיפוש צריכיס 
למחוק אוטומטית את כתובות ה-081 הישנות מתוך 
בסיסי הנתוניס שלהס ולהחליף אותן בכתובות 
החדשות כשהם מקבלים הודעת 301. קוד 302 מציין 
שהדף עבר זמנית, ויש להשתמש בקוד וה רק אס 
ברצונך לשחזר את הכתובת המקורית מאוחר יותר. 
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הסש.2 .5.06 ./ש/ע/עע 


התמונה שבתרשים היא מה שמתקבל כשגולשים לכתובת 
6וחסח חפ וחסס. הח פ6.1כן. פג. אוואו/ / :קח, כפי שצוין במודעת 
פרסומת מודפסת של 18% שהופיעה בגיליון נובמבר 1997 
של המגזין פדצ8. בהתבסס על הדרך בה החברה נתנה 
עיצוב חזותי מרשים כדי להשיג שילוב בין החומר המודפס 
ל-60/\, אני מניח שמודעה זו המריצה לקוחות פוטנציאלים 
לעבור לכתובת ה- |ח(! שצוינה במודעה המודפסת. לרוע 
המזל, הדף עליו המודעה הצביעה לא היה קשור למוצר 
שקודם במודעה עצמה. סביר להניח שרוב המשתמשים 
התייאשו בשלב זה, וקיבלו החלטה שלא ליפול יותר בפח 
שטומנות להם מודעות 18%. 


2 עיצוב ממשק באינטרנט 
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0ס.7ח0 .05.06 ./ע/ע/עע 


ייתכן שמשתמש שמעוניין מאוד בעכבר המושך שבמודעה 
ימשיך לחפש אותו, ויניח שתיאור המוצר יימצא תחת לחצן 
%85,. התמונה העליונה היא תוצאת הלחיצה על אותו 
הלחצן. לפחות מניחים לנו לראות את העכבר, למרות 
שעדיין אין מידע אודותיו. לחיצה על תמונת העכבר הגדול 
חסרת תועלת: זוהי שגיאת עיצוב איומה, משום 
שמשתמשים רבים לוחצים על פריטים שמוצגים על המסך. 
חלק מהמשתמשים עשויים לשים לב שגרפיקת הלחצן 
"פחסטקס" נראית כמו תמונת העכבר הגדול. עקרונית, 
המילה "פחסטקס" היא מונח כללי שיכול להביע כל דבר, 
ולכן זוהי בחירה גרועה במונח כאמצעי ניווט. 
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(בתמונה למעלה) לדף זה יש סכמת צבעים שלא תואמת את שני הדפים הקודמים, ומשום כך 
חלק מהמשתמשים עלולים להבין שהם הגיעו לחלק באתר |18% שאינו קשור לנושא. משתמש 
נמהר יראה את תמונת האופנוע הגדול, וילחץ מיידית על הלחצן 886% כדי לחזור למקום 
מבטחים. משתמש זהיר יותר יבחין לבסוף באפשרות שמתייחסת לעכבר וילחץ עליה. 


(בעמוד הבא) דף זה נמצא בכתובת %חוסק!!0ז6/50הסההותפו/ וחסס. וחסו.6ק.פט. שאו /:קשח, וזוהי 
הכתובת שהיתה אמורה להיות מודפסת בפרסומת המקורית. משתמש שהקליד את ה- | 
שבמודעה לא יגיע למידע אודות העכבר הנכסף עד אחרי שהוא יעבור ארבעה דפים. משהו טוב 
בדף: התמונה מרכזית משתמשת נכון בהנפשה כדי להדגים כיצד ניתן להשתמש בעכבר כדי 
לשלוט בחלון. 


שים לב, דרך אגב, למשוב הניווט הלא עקבי בסדרת מסכים זו. בשתי התמונות הראשונות, 
מיקומו הנוכחי של המשתמש מצוין על ידי משולש כלפי מטה בסרגל הניווט, וכן טקסט הלחצן 
הופך לצהוב. בתמונה השלישית, לא ניתן משוב שבעזרתו המשתמש יידע איך הדף הנוכחי 
משתלב בתוך מרחב הניווט (גרוע מאוד להשאיר את המשתמשים בלי לדעת היכן הם נמצאים). 
לבסוף, בתרשים זה, המיקום הנוכחי מצוין על ידי הפיכת המשולש (אפקט עדין מאוד) ללא 
שינוי צבע טקסט הלחצן. 
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(בעמוד הבא) ברוב המקרים, 
הצ'ט היא הדרך הגרועה 
ביותר להגדלת הקהילה 
ב-60/\. אפילו החזות 
המשעשעת של הדו-שיח 
ב-607116008% לא יכול 
להוסיף לחוסר העניין בצ'ט 
באינטרנט. לגולשים אין 
פשוט מה להגיד, ומה שהם 
אומרים לא תמיד מתאים 
לקהל מסוים. 
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תוכן שהגיע מהמשתמש 


כמה ממלומדי המדיה החדשה טועניס שהיכולת 
להפגיש את הקהל בדיון עס צוות מפעילי אתר 60/\ 
היא אחד מהיתרונות העיקרייס של המדיוס המקוון, 
בהשוואה לדפוס ושידורי רדיו וטלוויזיה. למרות שמשוב 
המשתמש חשוב מאוד לשיפור העיצוב וניהול האתר, 
יש להיזהר מלהתחיל דו-שיח עס משתמשים, אלא 
אס תוכל להקדיש משאביס משמעותייס לשם כך. 


אתר קטן שמקבל הערה אחת או שתייס ביוס מסוגל 
לטפל בכמות הקטנה של התכתובת עס משתמשיס 
נאמניס ונלהבים. כשמדובר באתריסם גדולים, בהס 
צופים מליוני גולשיס כל יוס, ופוטנציאל ההודעות היומי 
מגיע לכמה אלפים, הו עניין אחר לגמרי. אס צוותי 
האתריס האלה היו מתכווניס לענות על כל ההודעות, 
הס היו נאלציס לשבות מכל דבר אחר שהס עושיס. 


במקוס לעודד כמות גדולה של תקשורת דו כיוונית 
בין הצוות שלך לגולשים, ניתן להזמין אותס לתרוס 
לקבוצות דיון באתר. תוכן שנוצר על ידי המשתמש 
פופולרי לרוב, במיוחד אם הוא מקושר לכתבות 
ספציפיות או לחלקיס של האתר. באתריס מסוימיס 
יש אזורי דיון כלליים, אך אזוריס אלה נוטיס להפוך 
לאזורי שיחה חופשית שבה דברים נראיס מבלבליס. 


לרוב, הדיוניס שיש עליהס פיקוח הס הטוביס ביותר, 
אך עלות ניהולס גבוהה יותר. 


ניווט בעזרת יישומון 


בין אם היישומוניס כתוביס ב-38\8 או בשפה אחרת, 
הם מהווים דרך להוספת פונקציונליות מתקדמת 
לאתר 60/\ בכך שהס מאפשריס למשתמשים לעבוד 
עס תוכנית אמיתית ולא רק עס אוסף קישוריס 
וטקסט. ניתן לחלק את היישומוניס לשתי קטגוריות 
קשיחות : 


%> יישומוניס פונקציונליים. אלה מיני יישומים 
עצמאיים, עם ריבוי תצוגות (כגון כרטיסיית 
תיבות דו-שיח). יישומי פונקציונליות מטפליס 
לרוב בנתוני ייהעולס האמיתייי שקיימים בנפרד 
מדף ה-ס6/, לדוגמה, ומאפשריסם ללקוחות לנהל 
דבריס כגון חשבונותיהם, רשימת מלאי וניהול 
שרת. 
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לחיצה כפולה 


בעקרון, היישומונים צריכים 
לעמוד בתקני ממשק 
המשתמש הנוכחיים, ולכן 
ייתכנו מקרים מצערים בהם 
יש לתמוך בלחיצה כפולה, 
נכון לעכשיו. עם זאת, 
בטווח הארוך, יש לחסל 
סופית את הלחיצה 
הכפולה, משום שהיא 
גורמת למשתמשים 
מתחילים קשיים רבים, 
ומשום שהיא מתנגשת עם 
סגנון ה-60)\, בו הכל 
נעשה בלחיצה אחת. 
הסיבה העיקרית לאפשור 
לחיצה כפולה היא כדי 
לאפשר למשתמשים שיש 
להם עכבר עם לחצן אחד 
לבצע שתי פעולות. מעצבי 
הממשקים הגרפיים של 
היום העתיקו חולשה 
(לחיצה כפולה) שהיתה 
צורך של הממשקים שהיו 
קיימים בזמן בו היו עכברים 
עם לחצן אחד. בואו נשפר 
את העתיד. על יישומוני 
תוכן להיות מודעים במיוחד 
לעניין הלחיצה הכפולה, 
משום שהגולשים חושבים 
שהם תוכן 60\\ שבו הכל 
נעשה בלחיצה אחת. 
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> יישומוני תוכן. יישומוניס אלה משולבים בצורה 
הדוקה עס תוכן דף 60/\. דוגמאות לכך כוללות 
את פקדי הניווט (מפת אתר פעילה, או שלטי 
מיתאר שמתרחבים ויוצרים רשימה היררכית), 
תוכו פעיל (דגס מנוע שיכול להסתובב, להיות 
מונפש ולקבל טיפול), ופונקציות משניות (ממירי 
מטבעות). לרוב, הפעלת יישומון תוכן לא תביא 
לתוצאה מרחיקת לכת, מעבר לשינוי תצוגת 
הדפים הנוכתיים. 


יש להציג יישומוני תוכן בתוך חלון הדפדפן בו מוצג 
הדף שאליו הם שייכים. יישומוני פונקציונליות 
צריכים לקבל חלון משלהם, שאינו חלון דפדפן, וללא 
פקדי ניווט פ6)\ כלשהס. 


אס יישומוני תוכן מוצגיס בחלון דפדפן, המשתמשיס 
יתבלבלו בין פעולות היישומון לפעולות הדפדפן. 
חמור מכך, המשתמשים ילחצו הרבה פעמים על לחצן 
6% של הדפדפן, כשירצו לבטל פעולה ביישוס, או 
לחזור למצב או תצוגה קודמיס. כמובן, דפדוף אחורה 
בדפדפן יחזיר את המשתמש לדף הקודס וימחק את 
היישומון. 


הבעיה נובעת מכך שהרצון לנווט במרחב בעזרת 
קישורי טקסט חזק מדי, כל זמן שהמשתמש נמצא 
בתוך חלון דפדפן. המשתמשים פשוט אינם יכוליס 
להתנתק משימוש בפקודות הדפדפן כדי לנווט, גס 
כשהם י'אמוריםיי לנווט בתוך היישומון. הפתרון 
היחיד לכך הוא לפתוח את היישומון בחלון נפרד ללא 
פקדי דפדפן. לאחר שהיישומון מופיע בחלון נוסף, 
המשתמשים מפסיקים לחשוב שהם ב-ייסס\\יי, 
ומתחילים לעבוד עם היישומון לפי דרך הפעולה שלו. 


הפתרון לבעיה זו בטווח הארוך היא להפסיק 
להשתמש בדפדפנים, ולעבור למערכת ניווט משולבת 
שמאחדת את הניווט בין מצבי המערכת ופריטי מידע, 
ומנהלת ממשק ניווט יחיד עבור כל פעולות 
המשתמש, ללא קשר אם הן מקוונות או מקומיות. 
אחרי הכל, למשתמשים לא צריך להיות אכפת אס 
הס מתעסקים בדף 4191 או בסוג נתוניס אחר, או 
אס הס מתחברים לאינטרנט, לאינטראנט, או לתוכן 
מקומי בדיסק שלהס עצמם. 





יישומוני פונקציונליות יכוליס לכלול קישורי טקסט 
שמחזירים את המשתמש ל-65/\). דוגמאות טיפוסיות 
כוללות דפי עורה ומערכת הזמנות כרטיסי טיסה, 
שמאפשרת למשתמשים לקרוא מידע נוסף אודות 
סוגי המטוסים. 


קישורי טקסט כאלה צריכיס לקחת את המשתמש 
מחוצ ליישומון הפונקציונליות בחזרה לדפדפן ה-60/\ 
(כשהיישומון נשאר גלוי בחלון הנפרד שלו). 


יישוס פונקציונליות שמנוהל בחלון או בחלונות משלו 
צריך להיות מעוצב על פי ההנחיות המסורתיות של 
עיצוב ממשק גרפי (601), ואילו יישומון תוכן שמוצג 
בתוך הדף המקורי צריך לשמור על הנחיות העיצוב 
ב-60/\ ועל עקרונות עיצוב טוביס של מידע. 


פעולות איטיות 


יישומוניס שמתקשריס לשרת צריכים להציג מחוון 
התקדמות בומן התקשורת. מחווני ההתקדמות 
(שנראיס הרבה פעמים כסרגלים מתמלאים) נחוציס 
לכל ממשק משתמש בכל פעולה שזמן התגובה שלה 
איטי (למעלה מעשר שניות). היישומוניס שמתחבריס 
לשרת יסבלו הרבה פעמיס מהשהיות ארוכות בשל 
מגבלות האינטרנט. משוס כך, חשוב שמחוון 
ההתקדמות יציג את ההתקדמות הממשית של 
הפעולה, ואת משך הזמן הצפוי עד להשלמתה. 
לדוגמה, מחוון ההתקדמות יכול להציג את 
התקדמות הסריקה בתוך בסיס נתוניס שמבוצע עליו 
חיפוש, או את רצף הצעדיס שהושלמו (תוך הימנעות 
משימוש במונחי מערכת בלתי מובנים). מחווניס אלה 
עשוייס לדרוש קצת מידע מהשרת, על פי דרישת 
היישומון. 


יש להוסיף ליישומוניס גס לחצן ביטול, כדי לאפשר 
למשתמש לבטל פעולות שעשויות לארוך זמן רב. דבר 
זה חשוב במיוחד כשמדובר בתקשורת עס שרת. 
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מסקנה 


מפתה לקוות שפתרון טכנולוגי ייתן מענה לבעיות 
עיצוב האתר: מנוע חיפוש בשפה טבעית, שמאפשר 
למשתמשים למצוא את הדף שהס מחפשיס אחרי 
ניסיון פשוט, או מערכת ניהול המשתמשיס 
המושלמת שתכפה עבודה לפי תקני עיצוב, כך שכל 
הדפיס ייראו אחידיס והתחושה בהס תהיה גסם היא 
אחידה, ללא קשר לאיזו מחלקה הדפים שייכים. 


כולי תקווה שהטכנולוגיה תשתפר, אך הנושאיס 
החשוביס ביותר בשימושיות באתרי פ6/\ עדיין 
דורשיס התערבות ידנית. אתר טפ\\ לא ייתן תחושת 
אחידות, אלא אס כל המעצביס והכותביס שלו 
יסכימו לפעול תוך התחשבות בלקוח. 


בנוסף, אף חיפוש לא מסוגל למצוא דפים שמתוארים 
גרוע, או שאין בהס את המידע שהמשתמש מחפש. 


לארכיטקטורת המידע מתייחסים כיימס שפתיים'י 
במידה רבה, ואכן, העובדה שבפרויקטיס רביס 
מביניס שיש לעצב את מבנה מרחב הניווט ולא רק 
לתת לו להתפתח אקראית, מהווה התקדמות 
משמעותית. עדיין יש צורך ביותר אתריס שיבססו את 
ארכיטקטורת המידע שלהם על צרכי הלקוח, במקוס 
על דרך המחשבה הפנימית של החברה. לאחר שיהיו 
מספיק אתרים כאלה, וכותבי האתרים ישתפרו 
בכתיבת קישוריס טובים יותר שתומכים בניווט 
ובכותרות שמתאימות למנועי חיפוש, יש תקווה 
שהמשתמשים יוכלו סוף סוף לנווט ב-ס6/צ. 


כיום, החוויה השלטת של משתמש ה-60/\ אומרת כי 
בממוצע, אתה בדף הלא נכון. משתמשיס כבר מצפיס 
לבעיות ב-69)\, והס מצפיס לבזבו את זמנס בצפייה 
בדפיס לא קשורים לפני שהס ימצאו את הדף שהס 
חיפשו. כולי תקווה שדבר וה לא ימשך לעד. לאחר 
שיהיה קל יותר לנווט באתריס הטוביס ביותר, 
המשתמשים יתמרדו כנגד האתריס שמאלצים אותס 
לבובו את רוב זמנס על דפיס לא קשוריס. 


הידעת ? 


להלן רשימת עשרת כללי העיצוב שישפרו את 
השימושיות של כמעט כל אתר באינטרנט: 


1 
2 


. הכותרות צריכות להיות מנוסחות בקצרה 


.10 


בכל דף יופיעו השם והלוגו. 


מנוע חיפוש באתר אס יש למעלה מ- 100 דפים. 


ובאופן ישיר. 


עצב את מבנה הדף, כך שיהיה קל למשתמש 
לקבל החלטה מה לקרוא ומה לא. 


. אל תשיס את כל המידע בדף אחד. השתמש 


בקישורים. 


. בדף המוצר שיס תמונה קטנה עם קישור 


לתמונה גדולה יותר. 


. התמונה הקטנה לאו דווקא חייבת לחיות 


הקטנה של תמונה גדולה יותר. השתמש ב- 6700 
ולא רק ב- ₪65126. 


. השתמש ב- ₪05 |ססד כך שהמשתמש ידע לחיכן 


הוא עובר, כאשר הוא מציב את הסמן מעל 
קישור. 


התחשב במגבלות ראייה ושמיעה. 


זכור שרוב הזמן המשתמש נמצא באתריס 
אחרים, ומשם הוא בונה את הציפיות שלו כיצד 
ה- טפ/\ עובדת. לכן, עשה כמו שעושים כולס. 


מקור: |ח%ח.991003/א00ץז3!6/ וחס561.6. וצצ 
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עיצוב עבור 
האינםראנם 


העיצוב עבור אינטראנט זהה ברובו לעיצוב אתר ס6/\ רגיל באינטרנט. 
המאפיינים האנושיים הבסיסיים של המשתמשים נשארים זהים, 
והנושאים העיקריים שקשורים בפעילות הגלישה ב-650/\ נשארים זהים 
גם הם. לפיכך, רוב העצות שתקרא בספר זה טובות הן לאתרים 
הפנימיים (אינטראנט) והן לאתרים החיצוניים (אינטרנט). 
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אתר אינטראנט ואתר 
אינטרנט הם שני מרחבי 
מידע שונים, שיש להם שתי 
מטרות שונות, משתמשים 
שונים ומגבלות טכניות 
שונות. 


הערה: בהמשך הפרק 
התייחסו לעיתים לאתר 
אינטרנט כאל אתר חיצוני 
(שאותו כל העולם יכול 
לראות) ולאתר אינטראנט 
בתור אתר פנימי (המכיל 
מידע פנימי של החברה 


שיש לשמור על חשאיותו). 


שים לב למושגים 
אקסטראנט, אינטרנט 
ואינטראנט. 
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למרות הנאמר לעיל בהקדמה לפרק זה, יש להתייחס 
לעיצוב אינטראנט בצורה שונה במקצת מאשר 
לעיצוב אינטרנט. הסיבה הבסיסית ביותר היא שאתר 
האינטראנט ואתר האינטרנט הס שני מרחבי מידע 
שוניסם שיש להס שתי מטרות שונות, משתמשיס 
שוניס ומגבלות טכניות שונות. מרחבי המידע הללו 
כה שוניס, ומשוס כך יש צורך בפתרונות שוניס כדי 
להתאיס את העיצוב של כל אתר על פי הנסיבות. 


לכן, מצד אחד, מעצבי האינטראנט צריכיס לעבוד על 
פי ההנחיות הבסיסיות של עיצוב אתרי ספ/\ רגילים, 
אך מצד שני, עליהס לנקוט אמצעי זהירות כדי 
להבטיח שהעיצוב שמתקבל מותאם במיוחד לכך 
שהוא יגביר את יעילות העובדים. באתרי אינטרנט, 
המונת ייעיצוב שמתרכז במשתמשיי מתכוון ל-ייעיצוב 
שמתרכז בלקות'י. באתרי אינטראנט, המונח מתפרש 
כ-ייעיצוב שמתרכז בעובד'י. 


עדיף ליצור עיצובים שוניס לממשקי המשתמש של 
האינטרנט והאינטראנט, כדי להקל על העובדיס 
להבין מתי הס רואיס מידע אינטרנטי (זמין לכל 
העולם) ומתי הם צופים במידע פנימי (שיש לשמור על 
חשאיותו). כדי להדגיש את ההבדל בין שני מרחבי 
המידע, אני ממליץ על שימוש בשני סגנונות חזותיים, 
ובשתי ערכות של תבניות (0!8065ח6ד) עבור אתרי 
האינטרנט והאינטראנט. כמובן שעל שני הסגנונות 
להתאים לכללי העיצוב העקרוניים של החברה, אך 
עליהס לקחת את הכללים העקרוניים הללו, וליישס 
אותס בשתי דרכים שונות. 


בעיקרון, האינטראנט והאינטרנט יכוליס להיות 
מנוהליס על ידי אותה מחלקה, כל זמן שראש 
המחלקה מבין שיש לנהוג בצורה שונה בכל אחד 
ממרחבי המידע הללו. למרות הצורך בעיצוביס 
שוניס, יש יתרון בניהול משותף. ניתן להשתמש 
בטכנולוגיות ּהות של כתיבה ושרתים כדי לפתח שני 
אתריסם (למעשה, חברה קטנה עשויה ליהנות מכך 
שאותו העובד משמש כ-ז6078556/\ של שני 
האתריס). אפשר לשתף את הידע אודות עיצוב ב-60/\ 
וטכנולוגיות שקשורות בה, בין הצוותיס שעובדים על 
כל אחד מהפרויקטיס הללו אס הס באותו הארגון. 
בנוסף, ניהול משותף יקל על שיתוף משאבים בין 
הפרויקטים כדי להתגבר על זמני עומס שלא ניתן 
להחימנע מהס בפרויקטיס שקשוריס ב-60/\. 





הפרדה בין עיצוב אינטרנט 
לעיצוב אינטראנט 


ההבדל הברור ביותר בין האינטראנט לאינטרנט הוא 
שמשתמשלי האינטראנט הס עובדי חברה, ואילו 
משתמשי האינטרנט הס לקוחות. משתמשים פנימיים 
ישתמשו באינטראנט לקבלת כל סוגי המידע השוניס 
שהס זקוקים לו לשס עבודתם, ואילו משתמשיס 
חיצוניים מגיעיס לאתר שלך, רק כדי לקבל מידע 
מוגבל שקשור לעסקיהס עס החברה שלך. 


בשל השוני במטרות המשתמשים, אתרי האינטראנט 
של רוב החברות מורכבים מכמות דפים גדולה פי 
0 מאתר האינטרנט של החברה. לדוגמה, 

ל- 116705/5%6₪05] חט5 יש כ-20,000 דפים באתר 
האינטרנט וכשני מליון דפיס באתר האינטראנט. 
בנוסף, פרט לחברות קטנות במיוחד, אתר אינטראנט 
מחולק לרוב על כמה אתרים, שכל אחד מהם מנוהל 
על ידי מחלקה שונה, ואילו אתר אינטרנט אמור להציג 
חזית אחידה ללקוחות, ולתת תחושה של אתר יחיד. 


עיצובי אינטראנט יכוליס להתייחס לכך שהסביבה 
שבה הם מופיעים פחות מגוונת מאשר עיצובי אינטרנט. 
באינטרנט, יש למשתמשים דגמי מחשבים שונים, 
מהירויות חיבור שונות, דפדפנים שונים וגרסאות 
רבות של אותו דפדפן. אתר אינטרנט אינו יכול לסייע 
למשתמש בהתקנת שדרוג, ולכן לא מומלצ לדרוש 
מהמשתמש להיכנס לאתר עס גרסת דפדפן מסוימת, 
רק כדי לבקר בו. בניגוד לכך, בחברות ניתן לקבוע 
פלטפורמות אחידות ודפדפן יחיד. יתרה מזאת, לרוב 
ניתן גס לציין שעל הדפדפן להיות בגירסה מסוימת, 
או לפחות שעליו להיות בגירסה אחת מתוך שתיים 
אפשריות. אם יש למשתמש גירסה לא מעודכנת, 
אפשר לדרוש ממנו להתקשר למרכז התמיכה כדי 
לקבל את השדרוג לגירסה המתאימה. דבר זה מקובל 
במקריס שאכן קייס צוות תמיכה זמין שמסוגל לבצע 
את השדרוג עבור המשתמש. 


בסביבה הפנימית של האינטראנט יש רמת 
סטנדרטיזציה גבוהה, ולכן ניתן להשתמש בתכונות 
דפדפו מתקדמות יותר בעיצוביס אלה, כשנה לפני 
שניתן להשתמש בהן באינטרנט. לרוב אפשר גס 
להניח שיש למשתמשים גופניס מסוגים מסוימיס 
שמותקניס במחשב שלהם, שיש להם איכות מסך 
מסוימת (לכולס יש לפחות מסך "17 עס רמת צבע 
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גבוהה של 16 סיביות), והס יכולים לגשת ליישומים 
משרדיים מסוימיס בגירסה ידועה. הנחות אלו 
מקלות על עיצוב ותכנות פעולות אינטראקטיביות, 
שמראש מיועדות לעבוד במספר פלטפורמות קטן 
יותר מאשר באינטרנט. 


לחברות בגודל בינוני עד גדול יש עובד במחלקת 
מערכות מידע (15), שיודע מהי תצורת המערכת 
הנפוצה בחברה. עליך להעביר את עיצוב האינטראנט 
להערכתו של אותו אדם, כדי לוודא שעיצוב ה אכן 
תואס לא רק לדרישות המערכת הרשמיות, אלא גס 
למצב בשטח. 


בנוסף, כדאי לאלה שמעורביסם בפרויקט אינטרנט 
להתעדכן בתוכניות מחלקת 15 לשדרג את התצורה 
הסטנדרטית. לרוב, אפשר יהיה בעתיד, לאחר 
השדרוג, לעשות דבריס שלא ניתן לעשות כרגע, ולכן 
תוכל להתחיל לתכנן אותס כבר מעכשיו. 


באתרי אינטרנט, אני תמיד מזחיר נגד עיצוביס עס 
התמקדות פנימית שמשקפיס את מבנה החברה. 
בניגוד לכך, אתרי אינטראנט נהניס לרוב מהתמקדות 
פנימית, משוס שהעובדים כן מעוריס בענייני החברה 
שלהם, ומשוס שהס רוצים לדעת את המבנה שלה. 


מתאיס מאוד להשתמש באתרי אינטראנט גס בכמויות 
גדולות של טרמינולוגיה פנימית ומיליס נרדפות של 
החברה. אם תעשה זאת באינטרנט תבהיל את 
הלקוחות, אך העובדיס מבצעיס את עבודתס טוב 
יותר כשהס משתמשים בטרמינולוגיה המקצועית. 
שפה מדויקת תסייע להבין בדיוק את פרטי הנושא. 
כדי לסייע לעובדים חדשים, תמיד טוב לספק קישוריס 
להסבריס אודות המונחיס הפנימייס של החברה. 


עיצוב אקסטראנט 


אקסטראנט (08060ם) היא חלק של האינטראנט 
860 ח1) המיועד להעניק הרשאות מיוחדות לגישה 
לאתרי משנה מסוימים למשתמשים חיצוניים. לרוב, 
גישה מעין זו ניתנת ליועציס או לקבלניס, שיש להס 
חוזה עבודה עס החברה והס וקוקים לנתוני חברה 
מסוימיס ולתוכניות מוצר, ללקוחות שעשויים לבצע 
הזאמנות משלהם או לבדוק את מצב ההזמנות 
הקיימות, ולספקיס שרוציס להתמודד על מכרזיס 
לפריטים, או לעקוב אחרי רמות המלאי של החברה 
ולתכנן את לוח זמני הייצור שלהם. 


פרט לדרישות האבטחה, 
עיצוב האקסטראנט דומה 
יותר לעיצוב אינטרנט מאשר 
אינטראנט. 


פרט לדרישות האבטחה, עיצוב אקסטראנט 60ח₪008) 
דומה יותר לעיצוב אינטרנט 60חז%0ח1) מאשר אינטראנט 
(60ח8שח1). האקסטראנט אמורה לדמות את סגנון 
אתרי האינטרנט, משוס שהלקוחות יעברו בין האתר 
הציבורי לאתר האקסטראנט הפרטי. אתר 
האקסטראנט צריך להיות מעוצב בצורה שתציין 
איכשהו את הבדל הסטטוס בין שני מרחבי המידע, 
ותבטיח למשתמשי האקסטראנט שהמידע שלהס 
נשמר בסודיות ואינו מופצ בציבור. 


שלושת ההבדלים המרכזיים בין האקסטראנט 
60חזואם) והאינטראנט 60ח8שח1) הס : 


% חוסר שליטה על סביבת משתמשי האקסטראנט. 
הלקוחות והיצרניס השוניס משתמשים בציוד 
ותוכנה מגווניס בחברות שלהס. 


% רוחב הפס בין השרת שלך ומשתמשי האקסטראנט 
קטן יותר, משוס שמנגנון ההעברה הוא האינטרנט. 


% העובדה שהאקסטראנט שלך לא תהיה לרוב 
חוויית ה-65)\ העיקרית של המשתמשים. לרוב, 
כל לקוח או יצרן מתקשר עס חברות רבות אחרות, 
והוא ניגש לאתרי אקסטראנט רביס אחרים. 


בשל השינוייס האלה, אינך יכול להנות מיתרונות 
העיצוב של האינטראנט, שבה אתה יכול לעצב את האתר 
עבור דפדפן מסוים, להרתיב את מגבלות רוחב הפס 
בחופשיות ולהניח שהמשתמשים מבינים את העיצוב, 
משוס שזהו האתר היחיד שמכיל מידע אודות החברה. 


ישנס גם הבדליס מסוימים בין האקסטראנט לאתרי 
60\\ מסורתיים : 


4% באקסטראנט יצפו גולשים או קבוצות שכבר יש 
להן קשר מסויס לחברה, ולכן הס ידעו יותר 
אודותיך ממבקר ה-68/\ הממוצע באתר שלך. 


6% האקסטראנט תשמש לביצוע פעולות ספציפיות 
מוגדרות פעס אחת (לדוגמה, כדי לעקוב אחרי 
הזמנה), או באופן מחזורי לכמה משימות (כגון 
מעקב אחרי כמה הזמנות). 


% האקסטראנט בנוי במודל העסקי, משום שהוא 
משרת אנשיס שאיתם כבר יש לך קשר עסקי. 
לפיכך, אין לכלול פרסומות באתרים אלה ואין 
להכניס בהם חומר שיווקי. כשמישהו מגיע 
לאתר האקסטראנט שלך, הוא כבר בחר מראש 
לעשות אתך עסקים. עכשיו זהו הזמן לבצע אותס. 
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(למעלה) הדגמת אתר אקסטראנט של חברת 

5 ד 0 1ה. אתרי אקסטראנט מכילים כמעט 
תמיד מידע מסווג, ולכן משתמשים חדשים אינם יכולים 
לגשת אל הדפים המכילים מידע זה. לפיכך, הגולשים אינם 
יכולים להעריך שירות זה שניתן על ידי החברה. 


(בעמוד הבא) עם זאת, על ידי הוספת אזור הדגמה שמכיל 
נתונים כלליים וסיסמה פשוטה שניתן לתת אותה 
בחופשיות לכל הגולשים, ניתן להציג כיצד יתבצע השימוש 
באתר עבור פרויקטים חדשים. 
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(בעמודים הבאים) בעיצוב 
המחודש של ס6/\חט5, נעשה 
שימוש בעיצוב מקביל, כדי 
ליצור מספר גדול של סגנונות 
חלופיים. עיצובי טיוטה אלה 
הופיעו באינטראנט ונבחרו על 
ידי המשתמשים בהצבעה. 
לרוב, שיטת ההצבעה אינה 
טובה לעיצוב, אך היה קשה 
להאמין שהסגנון ישפיע 
מבחינת השימושיות. לפיכך, 
החלטנו להגדיל את רמת 
המעורבות של המשתמשים, 
ולתת להם תחושה שהם חלק 
מתהליך העיצוב על ידי עריכת 
הצבעה. העיצוב הזוכה היה 
זה עם הסרגל הסגול בהיר 
בראש הדף ומרקם הרקע 
החלש בצורת רשת (עמוד 
2, למטה). 


0 עיצוב ממשק באינטרנט 


אתה יכול ליצור עיצוב באתר האקסטראנט, שפועל 
בצורה יותר אינטראקטיבית מאשר האינטרנט, משוס 
שמשתמשי האקסטראנט ירצו ללמוד את העיצוב 
שלך. בסופו של דבר, הס קשוריס עס החברה שלך 
בקשרים עסקיים, והס משתמשים באתר 
האקסטראנט שלך כדי לסחור אתך או כדי לבצע 
משימות עסקיות חשובות אחרות. בנוסף, לרוב רק 
חלק קטן מעובדי השותפיס העסקייס שלך ישתמש 
בכל יישום אקסטראנט. לדוגמה, משרד המכירות 
שלהם ישתמש במערכת הרכש שלך, ומחלקת הרכש 
שלהס תשתמש במערכת הלקוחות שלך. רוב אתרי 
האקסטראנט מתמחים בצורה זו של עבודה, ולכן 
המשתמשים כבר יגיעו עס קצת ידע שנוגע לנושאיס 
של הדפים בהס הס משתמשים. 


השורה התחתונה, העיצוב והעובד 


כל השיטות הסטנדרטיות הקשורות לשימושיות 
חלות על פרויקטי אינטראנט וכן על פרויקטי 
אינטרנט. הן אפילו קשורות יותר לאינטראנט, משוס 
שכל שיפור בשימושיות הוא תרומה ישירה לתפוקה 
השולית של החברה. 


חלק ממעצבי ה-60/\ פועליס על פי ההנחה שיש להס 
היתר לבזבז את זמן הלקוחות שלהס. אתה לא משלס 
למשתמשים, ולכן המטרה שלך היא להשאיר אותס 
באתר שלך כמה זמן שאפשר ולחשוף אותס לכמה 
שיותר דפים. אינני תומך ברעיון וה משוס שאני 
מאמין שהלקוחות לא טיפשיס ובסוף הס ישימו לב 
לדרך שבה נוהגים בהם. בסופו של דבר, המשתמשים 
יעברו לאתריס אחרים שמתייחסים בכבוד לזמן 
שלהם, ומאפשריס להס לבצע את מלאכתס מהר 
יותר ובצורה יעילה יותר. הזמן (והכסף) שמבוזבו על 
השימוש באתר הוא של המשתמשים, ולא שלך. 


באתרי אינטרנט ציבוריים, תכונות השימושיות 
החשובות ביותר הן כנראה יכולת הלמידה ושביעות 
הרצות הסובייקטיבית. בסופו של דבר, המשתמשים 
כמעט ואינם נשאריס מספיק ומן באתר מסויס כדי 
להפוך למשתמשים מנוסים, ולרוב הס ירצו לחזור 
לאתר רק אס הס חיבבו אותו. השימוש ב-60/\ הוא 
על פי שיקול הדעת הבלעדי של המשתמשים, ולכן 
עליך לדאוג שהס יהיו שבעי רצון. 
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4 עיצוב ממשק באינטרנט 


שביעות הרצון הסובייקטיבית אינה חשובה כשמדובר 
באינטראנט כפי שהיא חשובה באתרי אינטרנט, 
משוס שהעובדיס חייבים להשתמש באינטראנט: זה 
כל מה שעומד לרשותם. עדיין, עדיף ליצור עיצוב 
משביע רצון, משוס שסגנון האינטראנט הוא 
הודמנות ליצירת סגנון חברה ולהבעת התייחסות לכל 
העובדיס. חשוב שהעובדים יבינו שממשק המשתמש 
של האינטראנט עוצב בקפידה, משוס שהרצון הוא 
לגרוס להסכמה עס תקני העיצוב שלך. אס 
המשתמשיס לא אוהבים את העיצוב, הס לא ישתמשו 
בו בדפיס שלהם, והתוצאה תהיה חוסר אחידות 
באינטראנט ופגיעה ביעילות העבודה הכללית. 


בעיצובי אינטראנט, היעילות, יכולת הזיכרון 
והפחתת השגיאות הופכות לתכונות השימושיות 
החשובות ביותר. העובדים משתמשים באינטראנט על 
בסיס יומי, ולכן הס הופכיסם במהרה למשתמשיס 
מנוסים. יעילות הניווט שלהס באתר ויכולת ביצוע 
המשימות הן חלק מהמדד של יעילות החברה. 


בעיצובי אינטראנט עליך להתחשב בנושא היעילות, 
ולכן מוצדק לרוב, להשקיע הרבה מאמציס בהנדסת 
השימושיות. לדוגמה, ניקח את ערך העיצוב המחודש 
שיגרוס להפחתת דקה אחת מהזצמן הממוצע שלוקח 
לעובד להגיע לחלק חדש באינטראנט. העובדיס 
מבזבויס לרוב 10 דקות או יותר כשהס מנסיס 
למצוא דפיס חדשים באינטראנט, ולכן שיפור של 
דקה הוא מטרת שימושיות צנועה מאוד, וניתן להגיע 
אליה תוך כמה ימיס בהם יבוצעו עיצוביס מחדש 
ובדיקות משתמשים. 


נניח שיש לחברה 1000 עובדים, וכל עובד רוצה להגיע 
לחלק חדש של האינטראנט פעס בשבוע. העיצוב 
המחודש יחסוך 1000 דקות עבודה בשבוע (מעט יותר 
משני ימי עבודה מלאיס). בפרק ומן של שנה, העיצוב 
החדש יחסוך זמן שווה ערך ל-42% מזמן העבודה של 
עובד במשרה מלאה. 


כל ניתוח עלות-תועלת בנושא השימושיות צריך 
לאמוד את זמן המשתמשיס בהתבסס על עלות התחזקתס 
המלאה ולא רק על המשכורת שהס מקבלים. עלות 
ההחוקה המלאה לחברה, שבה איש צוות עובד במשך 
שעה, אינו רק השכר המשולס לעובד אלא גס עלות 
הבונוסים, זמן חופשה, שירותי משרד (שטח משרד, 
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הדף הראשי הסופי של עיצוב שנת 1997 של חברת 

60 חט5. הסגנון מתבסס על העיצוב שזכה בהצבעה, אך 
פרטי העיצוב התקבלו מבדיקות שימושיות ועיצוב חוזר, 
המבטיח תצוגה ברורה וסמלים מובנים. שים לב שלדף זה 
יש יותר לחצנים מאשר מה שמומלץ לרוב עבור דף 
אינטרנט. באינטראנט, אתה יכול להרשות לעצמך להרשים 
משתמשים חדשים, כדי לקבל בסופו של דבר משתמשים 
מנוסים שיעשו את העבודה בצורה יעילה יותר. 
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עלות ממוצעת מול 
עלות שולית 


בעקרון, הזמן המבוזבז על 
שימוש בממשק משתמש 
גרוע צריך להיחשב כזמן 
שולי. לפיכך, הדרך הנכונה 
בתיאוריה להתחשב בעלות 
זמן זה אינה העלות 
הממוצעת של זמן 
העובדים, אלא העלות 
השולית של זמנם. לכן יש 
להשתמש במודל 

סוחו 6ח/ו 60016 בגישה 
זו, עליך להעריך מה 
החברה תרוויח מעובד 
שמוסיף ערך של שעת 
עבודה לתפוקה שלו. 


מעשית, נדיר שניתן לדעת 
מהם הערכים השוליים, 
ואפילו להעריך אותם, ולכן 
נהוג להשתמש בערכים 
ממוצעים. הדרך הפשוטה 
ביותר לגזור את עלות 
העומס הממוצעת של עובד 
היא לסכם את הוצאות 
החברה ולחלק את הסכום 
במספר שעות העבודה 
שהתבצעו. אתה יכול 
להחליט אם אתה רוצה 
להתחשב, נניח, בפגישות 
צוות כזמן יעיל, אך העניין 
הוא לא למנות זמן 
שמבוזבז על סמינרי 
הכשרה, הפסקות צהריים 
ופעילויות אחרות שנדרשות 
אך אינן מביאות תועלת 
לחברה. 
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חימום וניקיון, מחשבים וכוי), והעלויות הרבות 
שבהעסקת עובד. 


למען הפשטות, נניח שהעלות המלאה של העסקת 
עובד בחברת הדמיונית שלנו היא 580,000 לשנה 
(יחסית למשכורת המשולמת לו בסך 540,000). 
בחיסכון של 42% מעלות העסקת עובד, אתה יכול 
לחסוך סכום שנתי של 533,600 על ידי שיפור יכולת 
הניווט באינטראנט בדקה אחת לכל דף חדש. אני 
מעריך שהעבודה על שיפור השימושיות, שתחסוך 
כ- 533,600 בשנה, תעלה כמה אלפי דולרים (ובטוח 
שפחות מ- 810,000), ובכך היא מהווה השקעה 
מצוינת. 


למעשה, אין פה חיסכון אמיתי מכיון שאין קיטון 
בהוצאות. גס אס העיצוב החדש יביא לחיסכון של 
0 דקות זה יהיה חיסכון על הנייר בלבד. אס 
בעקבות שינוי העיצוב יפוטר עובד, אז יהיה זה 
חיסכון אמיתי, אבל זה כנראה לא המקרה. מה שכן 
יכול להתרחש עקב החיסכון (וגם וה לא ודאי), אס 
הזמן שנחסך יופנה למאמצי המכירות, אז בהחלט 
יהיה מקוס לשיפור התוצאות העסקיות, כי ההוצאה 
קבועה (שכר עבודה). 


פורטל החברה 


רשת האינטראנט שלך צריכה להיראות דומה 
לתשתית המידע של החברה. רשת זו אינה רק דרך 
להעביר נתוניס משרתים למחשבי העובדים, ומטרתה 
אינה לתת לעובדיס דרך לדפדף בתפריט המזנון. 
האינטראנט יכולה לשרת פונקציות עבודה אמיתיות 
רבות. היא יכולה להפוך לדרך העיקרית בה העובד 
מתקשר עם אנשים בקבוצות אחרות ולדרך בה הוא 
יכול למצוא את המידע הדרוש לביצוע עבודתו. 


חברות גדולות רבות הפכו את ערוצי התקשורת 
שלהס למסורבלים, וגרמו למשתמשיס להתבודד 
במחלקות שלהם, ולא לדעת מה קורה במחלקות 
אחרות. דבר ה מביא לכפילות עבודה, משוס שאף 
אחד לא יודע אם מישהו כבר עשה עבודה מסוימת, 
וכן עבודה אחרת מבוזבזת, משוס שהיא נעשתה כדי 
להשיג מטרה שונה מהמטרה האמיתית (והעובד לא 
ידע על כך). יעילות החברה משתפרת פלאיס 
כשהתקשורת ברורה יותר, והאינטראנט יכולה להיות 
תשתית התקשרות הזו אס - ורק אס - היא תתוכנן 





כך שהיא תקל על העובדים למצוא את המידע לו הס 
זקוקיס. 


האינטראנט יכולה לתמוך בתקשורת מראש החברה 
כלפי מטה על ידי פרסוס החלטות הנהלה, הצהרות 
חזון (6ח5%8:0706 חסופו/) ודיוני אסטרטגיה. כשעובד 
ברמה הנמוכה כותב תוכנית מוצר או הצעת שיווק 
שבנויה על אסטרטגיה ברמה העליונה, הוא יכול 
לכלול קישור לגרסת האינטראנט של מסמך 
האסטרטגיה המתאים, ובכך להקל על משתתפיס 
אחרים בפרויקט להתוודע לאסטרטגיה זו במידת 
הצורך. קישוריס מעין אלה יכוליס לשלב הנחיות 
אסטרטגיות בצורה קרובה יותר למרקס החברה 
מאשר כל מזכר שהוא. האינטראנט מאפשרת לכולס 
להתחבר ישירות לגירסה המקורית של הצהרות 
החזון של נשיא החברה בצורה יעילה יותר מאשר 
במצב בו הנשיא מציג את החזון בפני שורה של 
סגניס, שכל אחד מהס מפרש בעצמו את מה שנאמר, 
ומעביר פירוש זה לאנשי הצוות שלו, שצריכיס 
להעביר את המידע לצוות שלהם, וכן הלאה. 


היתרון העיקרי של האינטראנט כתשתית נתוני 
החברה שוכן בתקשורת הכלל ארגונית. האינטראנט 
מאפשרת להשיג מידע מארגוניס אחריס בלי להטריח 


היפטר מדואר אלקטרוני 


הדואר האלקטרוני הופך להיות גורם מכשיל ליעילות. בחלק מהחברות יש עובדים במשרה 
מלאה, שכל תפקידם הוא לעבור על תיבת הדואר הנכנס, ולענות לכל ההודעות של אותו 
היום. העובדים בחברות אלו צריכים לעמול קשה כדי להספיק לעשות עבודות אחרות. 


הדואר האלקטרוני הפך לנפוץ משום שיש לו יתרונות בכך שהוא מהווה ערוץ תקשורת 
מעבר לגבולות הזמן והמקום. הוא מהיר וקל לשימוש, וניתן לשלוח אותו בקלות לצד השני 
של כדור הארץ, בדיוק באותה הצורה בה ניתן לשלוח אותו לשכנך. אתה יכול לשלוח דואר 
אלקטרוני מתי שתרצה, 24 שעות ביממה, והוא יגיע לנמען בזמן בו הוא יחליט לקרוא את 
ההודעה. אין יותר צורך להרים טלפון כדי לוודא שההודעה הגיעה. 


כמות קטנה של דואר אלקטרוני טובה לעסקים, אך כמות גדולה של דואר יכולה להיות 
קטלנית. אחת מהמטרות העיקריות של רשתות האינטראנט היא להיפטר מדואר אלקטרוני 
מיותר, כלומר, רוב רשימות התפוצה וכן דואר אלקטרוני שמגיע לכל העובדים. הרבה יותר 
עדיף למקם את המידע בתיקיית אינטראנט מאורגנת היטב ולהוסיף קישור אליה מהדף 
הראשי כל זמן שהודעה זו אקטואלית. 


יש ליצור אינדקס של המידע המאוחסן באינטראנט וכן להקל על החיפוש בו, כך שכל 
העובדים ידעו כיצד למצוא אותו בשעת הצורך. בניגוד לכך, כל דבר שנשלח בדואר 
אלקטרוני יוצר לכל עובד טרחה מיותרת - צורך לארגן, ליצור אינדקס ולאחסן את המידע. 
זהו מאמץ חוזר מיותר. ובנוסף, תוכנות הדואר האלקטרוני אינן טובות בארגון ואחזור 
נתונים, ולכן העובדים לא יוכלו לרוב לנהל את המידע שהם מקבלים בהודעות הללו. 
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לכל הפרויקטים אמור 
להיות דף אישי עם 
קישורים לדפי האינטראנט 
האישיים של העובדים 
שקשורים בפרויקטים אלה. 


8 עיצוב ממשק באינטרנט 


אף אחד מעובדי הארגון, ולכן העובדים נוטיס ללכת 
אחרי התחושות שלהם, ולבדוק אס המידע מהמחלקות 
האחרות יעזור להס. לעומת ואת, אס הדרך היחידה 
להשיג מידע היא להגיש בקשה או לקבוע פגישה 
בהתראה של לפחות חודשיים עם מנהל טרוד, שלא 
מעוניין לעזור לך, תוכל לשער שיעילות הפגישה לא 
תהיה גדולה. 


קישורי טקסט מספקיס תמיכה מצוינת לאיתור מידע 
שנמצא בחברה. אני ממליץ לפתוח דף אישי 
באינטראנט לכל עובד, עס קישוריס למחלקה שבה 
הוא עובד, וכן קישוריס לדפי פרויקט, עבור כל 
הפרויקטיס שהוא קשור אליהם, או שהיה קשור 
אליהס בשניס האחרונות. חלק גדול מהידע שנמצא 
בארגונים קייס בצורת קשרים אישיים, ולרוב מישהו 
יודע שמישהו אחר עשוי להיות האדס הנכון לשאול 
אותו בנושא מסוים. בכניסה לדף האישי באינטראנט 
של אותו אדס שיודע את התשובה, ניתן לרוב לאתר 
את המידע הדרוש, על ידי מעבר לקישוריס במחלקות 
המתאימות או לפרויקטים המתאימים. בנוסף 
לקישורים, הדפיס האישייס של העובדיס 
באינטראנט צריכים להיות מוצגים (עס רוב תוכנם) 
כדפים אישיים נגישיס לציבור, כולל תמונת האדס 
ותיאור כללי של הרקע והניסיון שלו. מידע זה יסייע 
לעובדיס האחריס להתכונן לפגישות, ויאפשר בצורה 
זו רכישת ידע מקיף יותר מזה שנרכש בתכתובות 
דואר אלקטרוני ובהודעות של קבוצות דיון. 


בדומה לכך, לכל הפרויקטיס אמור להיות דף מיוחד 
עס קישוריס לדפי האינטראנט האישייס של העובדיס 
שקשורים בפרויקטים אלה. דפי הפרויקט אמורים, 
כמובן, להכיל קישוריס לכל תוכניות הפרויקט 
ולדוחות שאינס בסיווג גבוה. רצוי להוסיף גס 
קישוריס לחומר סודי, אך יש להוסיף הערה שמציינת 
כי הגישה ניתנת לבעלי הרשאה מתאימה בלבד. 
האוהרה הזו תמנע מהמשתמשים אכזבה כשינסו 
לגשת למידע שאין להס גישה אליו. בקרת הגישה 
המעשית יכולה להתבצע על ידי הגנת סיסמה, או על 
ידי כל סכמת אימות זמינה ברשת החברה. 


בנוסף, יש לפתוח דף לכל יחידה ארגונית, שבו יהיו 
קישורים לדפי העובדיס בקבוצה (כולל הבוס), וכן 
קישורים ליחידות הארגוניות מעל ומתחת ליחידה 
הנוכחית בהיררכיה הארגונית של החברה. דפי 
הקבוצות והמחלקות צריכיס גס הס להכיל קישוריס 


לדפי הפרויקטים הראשיים שהם מנהלים. כל 
הקישוריס המצטלביס הללו משרתיס שתי מטרות: 
הס מקלים על העובדיס במחלקות אחרות במציאת 
המידע שהס זקוקים לו, בלי לדעת את הדרך 
המדויקת שבה בנויה המחלקה, והס משפרים את 
התקשורת בין עובדי המחלקות. 


תחזוקת האינטראנט 


הדפיס הרבים והשונים באינטראנט דורשים תחזוקה. 
דבר זה נכון גס לגבי דפי העובדיס האישיים וגם לדפי 
הפרויקטים. אם רשת האינטראנט תפגר אחרי 
ההתקדמות הנוכחית של הפרויקטים, העובדיס 
יפסיקו לסמוך עליה לצמיתות, והיא תיכשל 
בתפקידה כתשתית מידע ארגונית. אס זה יקרה, אתה 
תשוב לימיס האפלים וחסרי התועלת, בהס התקשורת 
נעשתה על ידי שמועות. יש לראות בתתחזוקת 
האינטראנט חלק רגיל מהעבודה. אהו חלק העבודה 
שיבטיח כי האחרים יוכלו לנצל את מה שכבר עשית. 


לרשתות האינטראנט יש נטייה לגדול מאוד בזמן 
קצר, משוס שהמחלקות השונות מתחילות להעביר 
את כל תוכניות הפרויקטיס והדוחות שלהן למצב מקוון. 
לפיכך, יש צורך עליון במנוע חיפוש משוכלל. מנועי 
חיפוש באינטראנט מאפשרים לעובדים למצוא 
דברים, גסם אס אין להס שמ מושג מי בארגון עשוי 
להיות אחראי על נושא מסוים. כמו באינטרנט, 
קישורי הטקסט טובים, אך לא מספיקים. יש צורך 
גם במדריכים וחדשות. 


שלושת מרכיבי התשתית הגדולים: 
מדריך, חיפוש וחדשות 


דף ראשי של שער אינטראנט אמור להכיל שלושה 
מרכיבים: 


%> החשוב מכל הוא מדריך ההיררכיה שמציג את 
מבנה כל תוכן אתר האינטראנט. חלק וה של 
האינטראנט נקרא לעיתים ''ססחהּצ וחווא'י. ניתן 
ללמוד רבות מעיצוב אתרים כמו ססח8צ 
ו-081ח100%5, משוס שהס משקיעים יותר מאמציס 
בשיפור השימושיות מפרויקטי אינטראנט. אך אין 
ספק שחובה לבנות את היררכיית הנושאים לפי 
המבנה המקומי, משוס שעליה לשקף את התוכן 
והענייו של רשת האינטראנט הספציפית. 
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4% שדה חיפוש שמחובר למנוע חיפוש המכיל את 
אינדקס כל הדפיס שברשת. בניגוד לחיפושי 
אינטרנט של קבוצה מסוימת, על מנוע חיפוש 
באינטראנט לשקף את הידע הזמין אודות 
החשיבות היחסית של אזוריס שוניס ברשת. 
לדוגמה, הוא יכול לסמל דפים רשמיים בסמל 
מיוחד. 


%> חדשות עדכניות אודות החברה ונושאיס שמעניינים 
את העובדיס. לרוב, הדף הראשי של האינטראנט 
יכול להחליף עיתוני עובדיסם מסורתיים, שטף 
הודעות דואר אלקטרוני ומזכריס, שמפחיתיס את 
היעילות בחברות רבות. איחוד רשימות הידיעות 
עס ארכיון ומנוע חיפוש טוב מבטיחיס שהעובדיס 
יוכלו לאחזר מידע כפי שנדרש, ולהשתחרר מהצורך 
לאחסן ולטפל בעותקיס מקומיים (משימות יקרות 
מאוד, אס נתחשב ביכולות הניהול הגרועות של 
תוכנות הדואר האלקטרוני הקיימות כיוס). 


תקני עיצוב באינטראנט 


העקביות חשובה לכל ממשקי המשתמשים, אך היא 
חיונית כשמדובר בשימושיות באינטראנט, משוס 
שהמשתמשים ידפדפו בכמות גדולה של דפים כל יוס. 
אס כל הדפים היו מכילים שיטות דומות למציאת כל 
סוג מידע ולשימוש בקישורים, העובדיס שלך היו 
יעילים הרבה יותר בשימוש שלהם באינטראנט. יש 
חשיבות רבה למראה סטנדרטי של מבנה הניווט 
ובורת התצוגה, כדי לגרוס למשתמשים לבצע את 
משימתם מהר יותר ולמנוע מהס ללכת לאיבוד. 


לרוע המזל, דפי ט60/\ לא הופכים מעצמס לעקביים. 
אס תציג לעובדים עיצוב מצוין, לא בטוח עדיין שהס 
יאמצו אותו בדפיס שלהס עצמם. מנגד, נראה 
שה-65/\ גורמת לרצון ליצור כל דף בצורה שונה עד 
כמה שניתן, כשהתוצאה הרת אסון לעניין 
השימושיות. כדי שאתרי האינטראנט ימצו את 
הפוטנציאל שלהס כתשתית מידע ארגונית, החברה 
שלך חייבת להגדיר תקן עיצוב יחיד, ולקדס אותו 
באופן מסיבי בעזרת תוכנית מקיפה. כמובן שבנוסף 
לכך, כל קורסי ה-65/\ בחברה צריכים לכלול הוראות 
לשימוש נכון בתקן העיצוב של האינטראנט. 


כפי שצוין בתחילת הפרק, תקני עיצוב האינטראנט 
צריכיס להיות שוניס מאלה של עיצוב אתרי ה-60/\ 
החיצוניים (האינטרנט). הניסיון מראה שחלק 


מהמשתמשיס התקשו בהבנת ההבדל בין שני סוגי 
אתריס אלה, ולכן עליך להסביר זאת בצורה ברורה 
בכל המצגות והחומר הכתוב. אל תעתיק אלמנטי 
עיצוב מהאתר החיצוני (אינטרנט) לדפים הפנימיים 
(אינטראנט). 


תקן עיצוב האינטראנט צריך לציין לפחות מבנה 
ניווט עבור מרחב המידע שלך. אני ממליץ על כך שכל 
דף יכלול לוגו אינטראנט מפורש, כדי להדגיש את 
הסטטוס הפנימי של הדפים הפנימיים, ולהבחין בינס 
לבין המידע הזמין לציבור באינטרנט. לוגו וה אמור 
להיות קישור לדף הראשי של רשת האינטראנט. 
בנוסף, לכל דף אינטראנט צריך להיות לחצן חיפוש, 
משום שהחיפוש חשוב באינטראנט כמו שהוא חשוב 
באינטרנט. 


הוספת רכיבי עיצוב תלויה בצרכי כל חברה לגופה: 
חברות גדולות ידרשו יותר תמיכת ניווט מאשר 
חברות קטנות יותר. תקן עיצוב האינטראנט צריך 
לכלול גס את המבנה המומלצ, וסידור כל אחד מסוגי 
הדפים הראשיים. לרוב מדובר בדפי העובדים, דפי 
מחלקות, דפי פרויקטים ודפי דוחות ומזכרים, שיש 
להפוך את כולס לזמיניס בצורת תבניות (8%65|סוח6ד). 
בחברות רבות יש סיכוי שיהיו עוד סוגים של דפיס 
נפוצים, שגס להס יש לספק תבניות בתקן. 


התקן אמור להיות זמין באינטראנט עצמו, רצוי 
בעזרת קישור ישיר מהדף הראשי של רשת 
האינטראנט. התקן אמור לציין ולהסביר את רכיבי 
העיצוב הדרושים, המומלצים והאופציונליים, ולתת 
שפע דוגמאות לכל אחד מהם. הניסיון מראה 
שהמשתמשיסם סומכים יותר על הדוגמאות מאשר על 
המפרט הרשמי, כאשר הס משתמשים בתקני העיצוב 
הללו, ולכן עליך לשיס לב לכל המשמעויות 
שבדוגמאות שלך. אחרת, אתה עלול לגלות אלפי 
דפים שנבנו על פי דוגמה אחת מתוך התקן, ובנוייס 
לא רק לפי העניין שדוגמה זו היתה אמורה להדגיס, 
אלא גם על פי תכונות פחות רצויות שנמצאות בה. 


הנחיות לכתיבת תקנים 


על תקן עיצוב הממשק באינטראנט: 


*> להכיל דוגמאות רבות, משוס שהמעצבים 
מעדיפים ללמוד מדוגמאות מאשר מהסברים 
כתובים. 
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ו 


חשוב ליצור מקום מרכזי 
שמאחסן את כל רכיבי 
העיצוב הנפוצים. האתר לא 
רק ייראה טוב יותר אם הוא 
יעוצב על ידי מעצבי 60/\ 
מיומנים, הוא גם יהיה עקבי 
יחסית לעיצוב האינטראנט 
המקיף, ויתרום למראה 
ותחושה מקצועיים ועקביים 
בדפים השונים. 


תרשים זה מראה את התבליט 
"\\סח" של 60/\חט5. שים לב 
שהוא משתלב מצוין עם רכיבי 
העיצוב האחרים של האתר 
המוצגים בפרק זה. 


2 עיצוב ממשק באינטרנט 


> לוודא שהדוגמאות עומדות בתקן מכל הבחינות, 
ולא רק מהבחינה בה אתה מתכוון להשתמש בהן 
(המעצביס עלוליס להבין מהן דבריס נוספיס). 


6% להכיל רשימות בדיקה (6066655) מלאות ומקיפות 
ככל האפשר (המעצבים מעדיפים לסרוק רשימה 
במקוס לקרוא טקסט). לדוגמה, זו יכולה להיות 
רשימה של כל הרכיבים שחייבים להופיע בכל 
דף, או רשימת מונחיס מועדפים. 


% להיבדק על ידי מומחי תקנים בבדיקות תקנים 
רשמיות, ולקבל ייעוצ במקומות בהס המעצביס 
מתלבטים בקשר לפירוש התקן (אם אין דרך 
קלה לפנות בשאלות, כל מעצב ימציא את 
התשובות בעצמו - תוכל להיות בטוח שכל 
תשובה תהיה שונה מחברתה). 


> להיתמך על ידי תוכנית שינוי פעילה. לא מספיק 
להמתין לשאלות. עליך לחפש פרויקטים ולבקר 
בהם, כדי לתת להס את חוות דעתך בקשר 
לעמידה שלהס בתקן, וכדי להעיר (בעדינות) על 
העיצוב שלהם ולהציע תיקוניס לסטיות מהתקן. 


להוות תיעוד ייחייי בשליטת מנהל תקנים, 
שמעדכן את התקן בכל פעם שצ> נושא חדש. 


6% להתאים לתקני העיצוב הפופולריים ביותר, או 
להדגיש במפורש את ההבדלים בין התקן שלך 
לתקניס האחרים. 


*> להיעזר בכלי פיתוח ותבניות שמקלות על ההתאמה 
לתקן, מאשר להטמיע עיצוב לא סטנדרטי. 


% להכיל אינדקס טוב (ואולי גם מודפס), או יכולת 
חיפוש טובה שנתמכת על ידי קישורי טקסט 
לכללי התקן. 


חלק שחשוב במיוחד בתקני האינטראנט הוא היכולת 
להגיע לכל אחד בחברה, משוס שלכל מחלקה יש 
נטיייה להתעלם מהוראות כלליות שמגיעות מהסגל 
הגבוה. עובדי המחלקה עושיס ואת לרוב בטענה 
ש-י'אנו שוניס, ואותס מנהלים גבוהיס לא מכיריס 
את המצב שלנויי. נכון, אך כל המחלקות מיוחדות, 
והמערכת היתה נראית כתוהו ובוהו אס לכל עובד 
היתה אפשרות לשנות את ההוראות בגלל נסיבות 
מיוחדות. לרוב רמת השימושיות הכללית גדלה 
כשהמערכת עקבית. ישנס מקריס מסוימיס בהס 
הנסיבות כל כך מיוחדות עד שיש להרשות מידה 
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בעיצוב המחודש של 6₪//חט5 משנת 1997, נטשנו את 
התקווה לשליטה בעיצוב תוכן הדף העיקרי. בעיקרון, תקן 
העיצוב באינטראנט אמור לציין רכיבים נוספים רבים, אך 
הגבלנו את עצמנו לסרגל הכותרת. הכותרת הסטנדרטית 
של 65/\חט5 מורכבת משלושה סרגלי ניווט. הסרגל העליון 
כולל את הלוגו של 60/\חט5, שמשייך את הדף לרשת 
האינטראנט ולא לדף האינטרנט. ללוגו יש גם שימוש 
בנוסף, כקישור לדף הראשי של ס6/\חט5. הסרגל העליון 
מכיל גם שם אתר משנה וסמל שמזהה את החלק 
ב-60/\חט5 בו המשתמש נמצא כרגע. השם והסמל 
מקשרים לדף הראשי של אתר המשנה. 


סרגל הניווט האמצעי מכיל סדרה משתנה של לחצנים. 
לחצני שוחסו] 60/\חט5 ו-ח6ז568 מופיעים תמיד ומקשרים 
לדף הראשי של 60/\חט5 ולדף החיפוש, בהתאמה. הסיבה 
להצבת לחצן 6וחסו היא שיותר מדי גולשים לא מבינים 
שהלוגו הוא גם קישור לדף הראשי. לחצן ח6ז568 מעביר את 
הגולש למנוע החיפוש הכללי של 65/\חט5, אלא אם יש 
לאתר המשנה הנוכחי מנוע חיפוש מקומי משלו, ובמקרה 
מעין זה הקישור יוביל אל המנוע המקומי (ואז יש להציב 
בדף החיפוש המקומי קישור לחיפוש הכללי של סס/\חטפ). 
כתלות בטבעו של אתר המשנה, לחצנים אופציונליים 
מכילים מפת אתר (לא מוצג) ולחצן שוסח 5הח/\. 


לבסוף, סרגל הניווט המרכזי עשוי לכלול את סמלי הדפדוף 
(קדימה ואחורה, בצורת חץ לימין וחץ לשמאל בהתאמה) 
המוצגים בדוגמה זו. לחצני הדפדוף טובים לדפדוף תוכן 
רציף. 

סרגל הניווט השלישי הוא מציין תוכן והוא מפרט את רמות 
ההיררכיה בין הדף הראשי של ס6//חט5 לבין הדף הנוכחי. 
שמה של כל רמה הוא קישור לדף הראשי שלה. 


פרק 5: עיצוב עבור האינטראנט 283 


אם אתה מפיץ את עיצוב 
האינטראנט שלך לגורמים 
חיצוניים שיעשו בו שימוש, 
חשוב לאפשר לאותם 
אנשים גישה מלאה לתקן 
עיצוב האינטראנט 
והתבניות שלך. 


4 עיצוב ממשק באינטרנט 


מסוימת של חוסר עקביות, אך יש להגביל את 
המקרים הללו למקריסם עס סיבה טובה מאוד (רוב 
הסיבות הטובות אינן טובות מספיק). 


לבסוף, דע כי לתקן עצמו יש ענייני שימושיות. דבר 
זה נכון בין אס התקן מוטבע כאתר ס6/\ אינטראקטיבי 
עס קישורי טקסט, ובין אס הוא מופיע כמסמך 
מודפס. לפיכך, יש לנהל את בניית תקן עיצוב יחד עס 
המעצבים, כדי להבטיח שהס יוכלו להשתמש בו. 


הפצת עיצוב האינטראנט 
לגורמים חיצוניים 


אס אתה מפיץ את עיצוב האינטראנט שלך לגורמיס 
חיצונייס שיעשו בו שימוש, חשוב לאפשר לאותס 
אנשיס גישה מלאה לתקן עיצוב האינטראנט 
והתבניות שלך. הדרך הטובה ביותר לעשות ואת היא 
ליצור אתר אקסטראנט (060ח0718א6) שמשתמשי העיצוב 
המורשים יוכלו להיכנס אליו, לקרוא את התקן 
ולהוריד את הדוגמאות. לחילופין, אתה יכול ליצור 
גירסה מודפסת של התקן ולתת אותה למעצביס 
חיצוניים, אך זו אינה הדרך המומלצת. הגירסה 
המודפסת לא מתעדכנת, לרוב אין בה הדגמות 
צבעוניות, וקשה לבצע עליה חיפוש (אלא אס אתה 
משקיע משאבים ליצירת אינדקס מקצועי על ידי 
מומחה לעניין). 


לא משנה מה תעשה, הגורמיס עמס אתה עובד 
צריכים יכולת להוריד את התבניות שלך, ולטעון את 
הדפיס שהם יצרו. החלפת קבצי המחשבים הללו 
יכולה להיעשות באמצעות דואר אלקטרוני, אך עדיף 
להשתמש באקסטראנט. באחד מהפרויקטים שלי, 
השתמשתי בשירותי גרפיקאי שאיפשר ללקוחות שלו 
גישה לדיסק הקשיח של המחשב שלו באקסטראנט. 
לאורך הפרויקט כולו, יכולתי כלקוח לצפות בגירסה 
הפעילה המעודכנת ביותר של כל הסמליס ללא צורך 
בהמתנה הכרוחה במשלוח קבציס בדואר האלקטרוני. 


ניהול גישת ה-65צ\ של העובדים 


מחלקות מערכות מידע אחראיות לרוב על תמיכה 
בגישת משתמש הקצה ל-60//. תמיכה זו קלה 
בהרבה, אס ניתן ליצור תקן של דפדפן 60/\ יחיד 
בגירסה אחת. אתה יכול לנהל משא ומתן על תנאי 
רישוי אתר עבור כל תוכנה שאינה חופשית, וצוות 


התמיכה שלך יודקק לפחות תרגול והתמחות. בנוסף, 
גרסת דפדפן אחת מקלה על יצירת תוכן אינטראנט. 
כל הכותבים ידעו באיזו גירסה של | ד \655)\ ואד 
להשתמש, תוך ידיעה ברורה שהקוראיס יראו דפיס 
שנראיס כמעט וּהים למה שהכותב עצמו רואה על 
המסך. 


לרוע המזל, לא תמיד ניתן ליצור תקן של דפדפן יחיד 
בגירסה אחת. לרוב, גרסת הדפדפן המועדפת לא 
תהיה ומינה עבור כל הפלטפורמות השונות שיש 
בחברה גדולה, ולכן חלק מהמשתמשים ייאלצו 
להשתמש בדפדפן אחר, או לפחות בגירסה אחרת. 


גס אס ניתן להתגבר על כל הענייניס החוקייס או 
הטכניים, עדיין תהיה קבוצה של משתמשיס עס 
דפדפנים אחרים. לכל קבוצה שיוצרת תוכן עבור אתר 
האינטרנט תהיה סיבה טובה להוריד גרסאות בטא 
של גרסאות חדשות, הרבה לפני שתרגיש נוח מספיק 
להכניס גרסאות אלו אל מעבר למערכת ה-!|8ו6זו= 
שלך. אחרי הכל, כל אדם שהמטרה שלו היא לעצב או 
לתכנןו עבור ה-פ6/\ זקוק לניסיון אישי עס טכנולוגיה 
חדשה, ולכן עליו להפעיל תוכנה שזה עתה יצאה לאור 
על המחשב שלו, ולהשתמש בה כדי לראות איך 
נראים דפי טס6/\ שיצר. 


בנוסף, תמיד יהיו משתמשים עס מחשבים ישנים או 
עס התקנים לא שגרתיים שירצו להתחבר מהבית או 
ממכשיר סק בזמן שהס נוסעים. למשתמשים רביס 
מעין אלה לא תהיה ברירה, אלא להשתמש בגרסת 
דפדפן לא סטנדרטית או בגירסה ישנה מאוד. לפיכך, 
כל תקן יצטרך לשלב חלק מסויס של אי תאימות, 
ולאפשר למשתמשיסם לעבוד עס דפדפניס חלופייס. 


תקני חומרה 


בנוסף לתוכנה, ישנס גם יתרונות בהגדרת תקן לכמה 
נושאיס שקשוריס בחומרה. אס אתה יכול להבטיח 
רוחב פס מינימלי אפילו למשרד המרוחק ביותר, 
מעצבי האינטראנט שלך יוכלו ליצור יישומיס 
אינטראקטיביים מתוחכמים ומשוכללים יותר. 
בנוסף, אס תיפטר מהמסכים הקטנים, ותיצור 
בחברה תקן מינימלי של מסך גדול יחסית, מעצבי 
האינטראנט יוכלו לעצב דפיס גדוליס ושימושייס 
יותר, מאלה שיכלו לעצב עבור מסכיס קטנים. 
תוספת העלות שברכישת מסכים גדולים יותר תחזיר 
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6 עיצוב ממשק באינטרנט 


את עצמה במונחים של שיפור היעילות של אותס 
העובדיס שעבדו עס מסכים קטנים מדי. סביר להניח 
שתצליח לשפר את היעילות, משוס שהתכונות 
הבסיסיות המשותפות של כל סוגי המסכיס הללו 
מאפשרות עיצובי אינטראנט טוביס יותר שיועילו 
לתפוקת כל עובדי החברה. 


ביוני 1999, המגזין פחסטקוחס6 06 פרסס מחקר 
שימושיות שנעשה על מגוון מסכי מחשב, שהראה כי 
מסכי "19 גורמיס לשיפור של כ-17% ביעילות העובד 
לעומת מסכי "17. כשהעובד רואה יותר נתוניס במבט 
אחד, הוא מבצע מהר יותר את כל העבודות 
שקשורות במחשבים. החיסרון היחיד של מסך גדול 
הוא שחלק מהמשתמשיס כבר התרגלו לעבודה עס 
מסכים קטנים, והם מגדילים את חלונות הדפדפן 
שלהס עד שהוא תופס את המסך כולו. זוהי שיטה 
גרועה מאוד אס יש ברשות העובד מסך גדול. עדיף 
לפתוח שני חלונות, אחד ליד השני, באותו השטח. 
חלון גדול אחד יגרוס לטקסט להיות מוצג בשורות 
ארוכות מדי לקריאה נוחה. לפיכך, מחלקת ה-15 
צריכה לספק לעובדים טיפים כיצד להשתמש בכמה 
חלונות בו-₪מנית כשהס מקבליס את המסך הגדול 
שלהם. בנוסף, יצרני דפדפנים צריכיס להגדיר מחדש 
את משמעות הלחצן ''26וח\אהוח'י, כדי לתת לחלון 
גודל שימושי ולא גודל של מסך מלא. 


ברירות המחדל של הדפדפן 


במצב הטוב ביותר, המשתמשים אמורים לכוונן את 
הגדרות הדפדפן שלהס מערכי ברירת המחדל לערכיס 
שמתאימיס להם, על פי רמת המומחיות שלהס 
במחשבים ועל פי הרגלי הגלישה שלהם. אני ממליצ 
לאפשר למשתמשים לשנות את הגדרות ההעדפות 
שאתה הגדרת עבורס, משוס שאנשים שונים וקוקיס 
לדבריס שוניס, אך אני גם ממליצ בחוס לספק 
למשתמשי הקצה ערכה של הגדרות ברירת מחדל. 
לרוע המזל, הניסיוו מראה שמשתמשיסם רביסם לעולס 
לא מכווניס את הגדרות ברירת המחדל של דפדפן 
ה-65)\ שלהם. אינני יכול להגיד כמה הודעות דואר 
אלקטרוני כבר קיבלתי על כך שמשתמשיס מקבליס 
'ידפים אפוריסם'י לפני שהתחלתי להגדיר צבע רקע לבן 
באתר האישי שלי, למרות שרקע אפור היה 
בייאשמתיי המשתמש עצמו, משוס שהוא לא שינה את 
הגדרת צבע ברירת המחדל של הדפדפן. כדי לשנות 


את צבע הרקע ב- 155: בחר בתפריט 6%חוס%ח1 
5 > 5פחהסשק0. בכרטיסיה !660613 בחר פיוסוס60. 


התנהגות המשתמשים צפויה. וכור כי ה-69/\ אינה 
דרך חייס עבור המשתמש הממוצע. רוב הגולשיס 
רוציס פשוט ללחו על כמה קישורים, ולקרוא כמה 
דפים - הס אינס רוציס להתעסק בטכנולוגיות ה-60/\ 
עצמן. לדפדפניס יש תיבות הגדרה רבות, עס הרבה 
הגדרות ץאסזם, 60066 ו- 68606 זרות לחלוטין 
למשתמש הממוצע (הגדרות שמנהלי ה-15 היו 
מעדיפים שלא ישונו על ידי המשתמשים). כתוצאה 
מכך, משתמשים רביס מעולס לא שינו את הגדרות 
ההעדפות, ולפיכך הס נידונו לעבודה לא נוחה, אלא 
אס מחלקת 15 תסייע להם. לרוע המלזל, יצרני 
הדפדפנים מעונייניס לספק את הדפדפניס שלהס עס 
הגדרות ברירת מחדל שמעודדות התנהגות לא טובה 
של משתמשים, בצורה שמושכת את הגולשיס הבלתי 
מנוסיס אל שירותי היצרניס. 


יש להגדיר את העדפות ברירת המחדל הבאות : 


> דף הבית שמופיע כברירת מחדל צריך להיות 
הדף הראשי של אתר האינטראנט שלך. 
8חווהוחט6 החסנ מחברת 5אזסש6\ |הוחסקס הציג 
מחקר מעניין שנוגע להגדרות ברירת המחדל של 
דפדפנים בכינוס 6/)/ע/\ (אפריל 1997). בחברות 
שהוא חקר, 13% מרוחב הפס הכולל של 
האינטראנט נתפס על ידי גולשיס שהורידו את 
הדף הראשי של 6056806 בכל פעם שהפעילו את 
הדפדפן שלהם, משוס שרוב הגולשים לא שינו את 
הגדרות דף הבית שלהם. ניתן להגדיר את הדפדפן 
כך שדף הבית יהיה שונה מהדף הראשי של 
6 או של אספסזסווא אך הבעיה נשארת והה. 
המשתמש הממוצע לא צריך לבקר את אתר יצרן 
הדפדפן שלו, משוס שמחלקת 15 אמורה לטפל 
בשדרוגים. רוב המשתמשים ירוויחו הרבה יותר 
מכך שהס יקבלו חשיפה קבועה לדף הראשי הפנימי 
של החברה שלהס עצמם, בו מופיעות חדשות 
והודעות לעובדים. 


6% הסר קישורים, סימניות, לחצנים, ערוצים 
והפניות אחרות, שמסיחות את הדעת לתוכן 
שמסופק על ידי יצרן הדפדפן או על ידי שותפיו 
העסקיים. אתה יכול להוסיף סדרה של קישוריס 
לאתריס שמועיליס לחברה שלך אשר נבחרו 
בקפידה, אך אין צורך לבזאבז את זמנס של 
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העובדיס שלך בכך שתאפשר לדפדפן להעביר 
אותס לאתריס שנכללו בו, רק משוס שספק 
התוכן שילס כסף ליצרן הדפדפן. 


6% הגדר את הגדרות הדואר האלקטרוני של 
הדפדפן, כך שישתמש בתוכנית הדואר 
האלקטרוני שמסופקת על ידי מחלקת ה-15 של 
החברה. בחברות מסוימות, יש טעם להשתמש 
בתוכנה של יצרן הדפדפן, אך אס אתה מעדיף 
פתרון אחר לדואר האלקטרוני, המשתמשיס 
יתבלבלו אם הם ייזרקו אל תוך ממשק משתמש 
שונה כשילחצו על קישורי :0ש!ו8חח. 


% יש להגדיר שירות חיפוש יחיד ללחצן ברירת 
המחדל של החיפוש ב-60/). אס החיפוש 
באינטראנט שלך מגיע מאחד ממנועי החיפוש 
הגדוליס של האינטרנט, עליך להגדיר את לחצן 
החיפוש של הדפדפן ב-60/\ כך שישתמש באתר 
הציבורי של המנוע, כדי לתרוס לקשר בין אתר 
האינטראנט וחיפושי האינטרנט. אס אותו מנוע 
החיפוש מבצע חיפושים פנימיים וחיצוניים, רוב 
הסיכוייס שהמשתמשים ילמדו את תחביר 
החיפוש שלו וירכשו לעצמם מיומנויות חיפוש 
טובות יותר. 


אם אין לך אפשרות חיפוש באינטראנט, או אס 
החיפוש באינטראנט איננו אחד ממנועי החיפוש של 
האינטרנט, בחר לך את אחד ממנועי החיפוש של 
האינטרנט כברירת המחדל לחיפוש. מומלצ מאוד 
לבחור מנוע חיפוש יחיד ולדבוק בו. אס תאפשר 
הגדרת ברירת מחדל שמחליפה בין מנועי החיפוש 
השוניס, המשתמשים לעולם לא ילמדו מהי הדרך 
הטובה ביותר להשתמש בכל אחד מהמנועים הללו. 
משתמשים שאינם בקיאים בענייניס טכניים אינס 
מביניס שתחביר ותכונות החיפוש שוניס בין מערכות 
המנועיס, ולכן הס יאחדו את רעיונות החיפוש שהס 
אספו ממנועי חיפוש רבים. התוצאה תהיה הרסנית. 


ברירות מחדל של מנועי חיפוש 


אני לא מתכוון להמליצ על מנוע חיפוש מסויס 
שמיועד לאינטרנט, משוס שמנועי החיפוש משתניס 
כל הזמן. אלה שטובים היוס יכוליס להפסיד במרוצ 
על האיכות מול מנועיס אחרים תוך כמה חודשים. 
עם ואת, ישנה דרך פשוטה למדי לבחירת מנוע חיפוש 
טוב. כל שעליך לעשות הוא לבחור בכחמש בעיות 


בדיקות המשתמשים של 
עיצובי האינטראנט נעשות 
באותה הדרך בה מתבצעות 
בדיקות המשתמשים של 
אתרי ה-60/\ החיצוניים. 


טיפוסיות בהס נתקליס אנשיס בתחוס שלך ולנסח 
שאילתות קצרות (שתיים עד שלוש מילים) לכל בעיה. 
הקלד את השאילתות הללו אל כל אחד ממנועי 
החיפוש המוביליס וצפה בעשרת הקישוריס 
הראשוניס שיתקבלו. לכל אחד מעשרת הקישוריס 
הראשונים, תן ציון 0-3: 


0 - עבור קישוריס שאינס קשוריס לנושא: 

1 - עבור קישוריס שיש בהס תועלת מסוימת. 
2 - עבור קישורים יעילים יותר. 

3 - עבור קישוריס שימושיים (יחסית לבעיה). 


סיכוס עשרת הדירוגיס הללו של חמש הבעיות יהווה 
ציון שייצג את איכות ביצועי מנוע החיפוש. עליך לבדוק 
ארבע תכונות נוספות מעבר לאיכות החיפוש המוחלטת : 


6% מספר השניות מרגע הקלדת כתובת ה-081 של 
מנוע החיפוש ועד שהדף הראשון הורד במלואו. 


% חשיבות שדה הקלדת החיפוש בדף החיפוש (חלק 
ממנועי החיפוש מעמיסים את הדפים שלהם 
בדברים מיותרים, כדי להסיח את דעת 
המשתמשיס מהמשימה העיקרית שלהם וללכוד 
את מבטם - בכך הס גורמים לחוסר יעילות). 


% מספר השניות מרגע הלחיצה על הלחצן 
''ח6ז508יי ועד שדף התוצאות סייס להיטען. 


6% ערך צפוי של רשימת תוצאות החיפוש (כלומר, 
עד כמה ניתן להעריך את איכות כל דף ברשימה 
מבלי לצפות בו). 


אס תשלב את חמש ההערכות הללו, תקבל מושג טוב 
באיזה מנוע חיפוש עליך לבחור. אני הייתי נותן 
משקל של 50% לאיכות החיפוש, 10% לכל זמן 
הורדה ראשוני, התבלטות של שדה החיפוש, וזמן 
התגובה של המנוע. לבסוף, הייתי נותן משקל של 
% לערך הצפוי של רשימת התוצאות. 


בדיקות משתמשים באינטראנט 


בדיקות המשתמשים של עיצובי האינטראנט נעשות 
באותה הדרך בה מתבצעות בדיקות המשתמשים של 
אתרי ה-60/\ החיצוניים. כללי הבדיקה העיקרייס 
נשאריס וזהיס: קח משתמשים ייצוגייסם ותן להס 
לבצע משימות נפוצות. 


פרק 5: עיצוב עבור האינטראנט 289 


ההבדל העיקרי בין סוגי הבדיקות הוא ש'יהמשתמשים הייצוגיים'י אינס הלקוחות 
שלך אלא עובדי החברה. לפיכך, במקוס להשיג משתמשי בדיקה על ידי פרסוס מודעות 
וסוכנויות כוח אדס, אתה משיג אותס מתוך החברה עצמה. כדי להשיג משתמשי ניסוי 
למחקרי אינטראנט אתה יכול פשוט לבקש מעובדי מחלקות שונות להמליץ על 
משתתפים פוטנציאליים מתוך הקבוצות שלהם, ולפרסם מודעות באינטראנט עצמה 
או במזנון החברה. ניתן לבצע מחקרים פשוטים יותר על ידי כך שפשוט תפנה לאנשיס 
במסדרון, ותבקש הערות על דף או על סמל, למרות ששיטה זו אינה מומלצת 
במחקרים גדולים יותר, משוס שישנה נטייה לפנות לקבוצה יותר הומוגנית של 
משתמשים. 


לרוב, מחלקת משאבי אנוש יכולה לשמש כמקור למשתמשים מתחילים בדמות 
עובדים חדשים, שעדיין לא התוודעו למבנה החברה שלך ולמונחים הייחודיים לה. 
למרות שהמטרה העיקרית של עיצוב האינטראנט הוא המשתמשים המנוסים, עליך 
תמיד לכלול עובדיס חדשיס במחקרים של נושאים עקרוניים, כגון עיצוב הניווט והדף 
הראשי. האינטראנט היא אחת מהדרכיס העיקריות באמצעותן יכולים העובדיס 
החדשיסם ללמוד אודות אזור העבודה שלהם, ולא כדאי לבלבל אותסם עס מונחיס 
מוזריס ובלתי מוכריס. 


לרוע המזל, לא תמיד ניתן לבצע השוואה מול עיצובי אינטראנט של חברות מתחרות, 
משוס שלא תהיה לך גישה לרשתות האינטראנט של החברות הללו. כתחליף, אתה 
יכול לראיין עובדיס חדשים ולשאול אותס על הניסיון שלהס בשימוש באינטראנט של 
חברות אחרות. הרבה פעמיס הס יכוליסם לספק, גם מבלי לפגוע בהסכמי סודיות, 
רעיונות רביס הקשורים לדברים שהס אהבו או לא אהבו בעיצוב ותכונות רשת 
האינטראנט של המעסיק הקודם שלהם. עליך להימנע מללחוצ עליהס לגלות פרטיס 
שיגרמו להס להרגיש שלא בנוח, או שיגרמו להס להרגיש שהס מוסריס סודות חברה 
של המעסיק הקודם. 


אם יש לחברה שלך משרדים בארצות אחרות, יש להתחשב גם בנושא השימושיות 
הבינלאומית, למרות שנושא זה מטריד פחות ברשתות אינטראנט מאשר באינטרנט, 
משוס שעובדים רבים יתרגלו לתקשר ביניהס בשפה העיקרית של החברה. בנוסף, 
ייתכן שעובדיס רביס מארצות אחרות ביקרו במטה החברה ונחשפו למאפייני חמדינה 
המארחת. שני הפתרונות העיקרייס לבעיות השימושיות הבינלאומית הס ליצור דפיס 
ראשיים ספציפיים לכל מדינה, ולהבטיח שיתוף של משתמשים מארצות אחרות 
במחקרי השימושיות של עיצוב האינטראנט העיקרי. למידע נוסף על נושאי שימושיות 
בינלאומיים, פנה לפרק 7, יישימוש בינלאומי: מתן שירות לקהל מרחבי העולס'י. 


מחקרים בתנאי שדה 


באופן עקרוני, ניתן לבדוק את נושא השימושיות בשתי דרכיס: בתנאי מעבדה או 
בתנאי שדה. שתי הדרכיס חשובות, ושתיהן שימושיות עבור כל פרויקט, בין אס הוא 
מבוסס אינטראנט ובין אס הוא מבוסס אינטרנט. 


מחקרי השדה חשוביס יותר כשמדובר בשימושיות באינטראנט משוס שנושאי 
אינטראנט רביס נוגעיס לתמיכה בעבודות ספציפיות ובעובדים. כדי לעצב אתר 
אינטראנט שבאמת יועיל לעובדים הללו, עליך להבין מה הס עושים, ולתכנן את 
המערכת כך שתתאים לשטף המשימות שלהס. 
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בעיצוב המחודש של 60/\חט5 משנת 1997, שלחנו סדרה של טיוטות לרשימה אקראית של 
עובדים נבחרים מסביב לעולם. לא נאמר למשתמשים מה פשר הסמלים שהוצגו לפניהם, אלא 
הם התבקשו במקום זאת לשלוח בחזרה דואר אלקטרוני ובו הפירוש שלהם לכל סמל. השורה 
העליונה מציגה כמה מהסמלים שבדקנו, והשורה התחתונה מציגה את הסמלים בהם השתמשנו 
בגירסה הסופית של עיצוב אתר 60/\חט5. 


הסמל השמאלי ביותר היה אמור לייצג את האפשרות "60//חט5 חס ששח פשהחאו", אך רוב 
המשתמשים חשבו שזהו סמל הפעלה. ברור שהטיל לא ביצע את משימתו, ולכן השתמשנו 
בעיצוב הסופי בסמל חבילה עטופה בצורת מתנה (שבנוסף לשימוש העיקרי שלה, היא גם יצרה 
קשר נחמד לרעיון שהשירותים החדשים הם שיפורים משמחים). 


הסמל האמצעי היה אמור לייצג את שירותי קמפוס החברה, אך רוב המשתמשים חשבו שהוא 
מייצג את אפשרויות הניווט. בנוסף, המשתמשים התלוננו כי האותיות שבשלטים היו קטנות 
מדי, וקשה היה לקרוא אותן. כפי שקראת בפרק 3, "עיצוב תוכן", הגולשים משתמשים בדימויים 
רבים כשהם חושבים על ה-60/\, ולכן קשה לצפות שסדרת סמלים תתקבל פשוט כשלטים. בכל 
מקרה, בעיצוב הסופי השתמשנו בסמל בניין כדי לייצג את ה"קמפוס". 


מסתבר שהיינו זקוקים לסמל ניווט חדש בעיצוב הסופי משום שהסמל בטיוטה הראשונית, 
המוצג בצד ימין, לא ביצע את מלאכתו. תווית הדף הראשי של סמל הניווט היתה "65חו! |6%0פש", 
אך אף אחד לא הצליח להגיע לסמל הנכון ללא הכיתוב. הקישור לא נראה ממש כמו קישור, 
ויותר מכך, המשתמשים הבינלאומיים לא תמיד שייכו את רעיון המעבר לדפים מועילים לסמל 
השרשרת (פאחו!). תמיד מסוכן להשתמש בסמלים שעובדים על פי מילים מסוימות בשפה שלך 
(באנגלית זה %5ח11, בעברית זה קישורים). למזלנו, המחקרים שערכנו הראו לנו שכבר יש לנו 
סמלי ניווט מצוינים, ולכן שינינו במקצת את סמל הקמפוס הפסול והשתמשנו בו כסמל ניווט 
בגירסה הסופית. ללא ספק, זהו מזל יוצא דופן. 
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לא מספיק לדאוג שרכיבי העיצוב הנפרדים יובנו, אס 
התוכן הכללי של הדפיס מגושם, דורש ביצוע שלביס 
רבים, מקשה או שאינו מאפשר ביצוע דבריס 
מסוימיס שהעובדים צריכיס לעשות. 


לרוב, קל הרבה יותר לבצע מחקר שדה בחברה שלך 
מאשר בחברות אחרות, שס תפריע לעסקים של 
אחרים, ואתה עלול להיתקל בבעיות סודיות אס 
תרצה לצפות בדרך שבה המשתמשים עובדים עס 
הנתוניס שלהם. אני מקווה שיש לך קשרים טוביס 
בתוך החברה שלך, ותוכל לשכנע בקלות מנהליס 
שיעילות החברה תגדל אס הס ירשו לך לצפות בצוות 
העובדיס במשך יום או יומיים. 


אל תצלם בשטח 


כמה ממומחי השימושיות אוהבים לצלם את המשתמשים כשהם עורכים מחקרים, אך אני 
סבור שאין לעשות זאת מכמה סיבות: 


> צילום איכותי (לא במצלמה ידנית) דורש ציוד (רגליות, כבלי חשמל, תאורה), זמן העמדה 
ופירוק - דבר המייקר את הפעילות. 


4 המצלמה עצמה יכולה להפריע למשתמש וכן ללקוחות המשתמשים שמגיעים למשרד 
שלו לקבלת סיוע. 


% לא יהיה לך מנוס מבזבוז זמן ומאמץ נוספים על כיוון ציוד ההקלטה, ולרוב תקבל איכות 
קול ותמונה גרועות ביותר, אלא אם תבזבז עוד זמן על יצירת תנאי תאורה מתאימים 
ושימוש במיקרופונים מיוחדים (שמפריעים למשתמש אפילו יותר, ומקשים על ניידות 
ומעבר לחדר אחר, אם המשתמש מחליט פתאום לעבור למקום אחר). 


% אם אתה עורך מחקרי שדה מחוץ לחברה שלך (כגון בפרויקט אקסטראנט), קשה לרוב 
לקבל רשות לצלם בשטח חברה אחרת בלי לערב כמה רמות של גורמי בטחון שיתנו 
אישור לכך. גם כך קשה להגיע למצב בו העובדים יסכימו שבודקי השימושיות ייכנסו 
למשרד שלהם, ולכן אין צורך להקשות עוד יותר בנקיטת אמצעים שצוות האבטחה 
יתנגד להם. 


היתרון היחיד של הצילום בווידאו הוא היכולת להביא הקלטה חזותית לחברי צוות הפיתוח 
שלא יכלו להגיע למחקר השדה. ניתן להשיג יתרון זה, ברובו, על ידי צילום תמונות סטילס 
פשוטות, דבר שקל הרבה יותר לעשות וזול יותר להפיק. בנוסף, מצלמת סטילס מסורתית 
לא מטרידה בהרבה את העובדים, במיוחד אם אתה משתמש במצלמה דיגיטלית, ומראה 
להם את התמונות שצילמת לפני שאתה עוזב את המשרד. 
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מחקרי השדה שמבוצעים על האינטראנט נעשיס 
באותה הצורה שבה מבצעיס כל מחקר שדה: עליך 
לצפות בעובד בזמן ביצוע עבודתו. בוּמן התצפית, על 
הצופה לשמור על שקט במשך רוב הזמן. המטרה היא 
להיות נסתר ככל האפשר, כדי לאפשר למשתמשיס 
לבצע את העבודה שלהם, ולהשתמש באינטראנט 
בדרך בה הס רגיליס לעבוד. מדי פעס יש צורך 
להפריע למשתמש, ולשאול לפשר פעילות מסוימת 
שהצופה אינו יכול להבין לבדו, אך יש לחימנע ככל 
האפשר משאלות כאלו. לרוב עדיף לרשוס את 
השאלה על פתק, ולראות אס ניתן להבין את הפעולה 
במידה והיא תחזור על עצמה. אס הפעולה לא חזרה, 
אפשר לשאול את המשתמש בסוף הביקור. 


לרוב, המשתמשים ירצו לתחקר אותך בנוגע לפרויקט 
האינטראנט, והם עשויים אפילו לבקש עזרה בנוגע 
לכמה נושאיס שקשורים בשימוש בעיצוב. בתחילת 
הביקור עליך לסרב לבקשות כאלו, ולהסביר שהגעת 
כדי לצפות בדרך העבודה שלהם, כשאין בסביבה 
מומחה שיכול לענות על השאלות שלהס. לקראת סוף 
הביקור, אפשר לסייע למשתמשים, הן כדי להביע את 
תודתך על כך שהרשו לך לשתף אותס במחקר, והן 
כדי ללמוד יותר אודות הדבריס שהמשתמשים רוציס 
לעשות, והסיבות שבגללן הס לא יכוליס לעשות 
דבריס אלה. 


אחד היתרונות של צפייה במשתמשים בזמן עבודתס 
הוא שבהרבה מקריס תגלה שהס משתמשיס ברשת 
האינטראנט בדרכים לא צפויות, שלא חשבת לבדוק 
אותן בתנאי מעבדה מתוכננים. תגליות לא צפויות 
מעין אלו הופכות לעיתיס קרובות לגורמיס החשוביס 
ביותר לעיצוביס המחודשיס התומכים בשימושיס 
נוספים באינטראנט. 
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4 עיצוב ממשק באינטרנט 


מסקנה 


בשניס 1995 ו-1996, מוסכם חיה בין מומחי ה-65/\ 
שרשתות האינטראנט היו חשובות בהרבה מאשר 
אתרי האינטרנט. אין ספור דוברי כינוסים טענו 
שיירוב הרווחיס יתקבלו מהאינטראנטיי. השאלה אם 
ההצהרה הזו התגשמה נתונה בספק, אך ברור 
שבשניס האחרונות המצב בשטח השתנה. 


ההערכה הגבוהה מדי של האינטרנט הובילה 
להתמקדות בפרויקטי ט6/\ חיצונייס (אינטרנט), 
ולחוסר מימון ברור של פרויקטי אינטראנט פנימייס. 
האינטרנט הוא אכן גורס השינוי החשוב ביותר של 
העסקיס בימיס אלה, אך אין משמעות הדבר שאפשר 
להזניח את הרשתות הפנימיות. השפעת השימושיות 
של עיצובי אינטראנט גרועיס מתורגמת ישירות 
למונחי יעילות החברה, משוס שמשמעות כל בעיות 
השימושיות היא הפסד יצרנות של העובדיס. 


העלות של ניווט גרוע באינטראנט גבוהה: בחברה בה 
0 עובדים, ההפסד עלול להגיע לפחות ל- 10 
מליון דולר בשנה במונחיס של הפסדי יעילות עובדים. 
בעולם כולו, עלות ההפסד שנגרס כתוצאה 
משימושיות גרועה באינטראנט יגיע ל-100 מיליארד 
דולר עד שנת 2001, אלא אם ייבנו מערכות ניווט 
טובות יותר ותתבצע כפייה של תקני עיצוב פנימי 
קשיחים יותר. 


אפילו חברות גדולות במיוחד מפעילות לרוב את 
רשתות האינטראנט שלהן באמצעות צוות קטן. אני 
מכיר חברה גדולה אחת בלבד אשר משקיעה מאמציס 
רביס בקידוס תקני העיצוב של כל הדפיס ברשת 
האינטראנט שלה. כמעט כל מי שאני מדבר איתו טוען 
שהוא אינו מצליח לאל את המחלקות השונות לעבוד 
על פי הנחיות העיצוב. כתוצאה מכך, רוב רשתות 
האינטראנט בנויות כאוסף מבולגן של מסמכים, ולא 
ניתן לנווט בהן. אני הראשון להודות שלרוב אתרי 
ה-65/\ החיצונייס יש בעיות שימושיות, אך לפחות 
לכולס יש סכמות ניווט מסוימות ותקני עיצוב. בימיס 
אלה, נדיר למצוא דף יתוס שאין לו אפשרויות ניווט 
באתר טפ/\ של חברה גדולה, אך דפים כאלה הס 
הרוב ברשת האינטראנט של אותה החברה. 


אס נתחשב בעלות ההפסדים שנגרמיס כתוצאה 
מחוסר היעילות של העובדים, אני ממלי>: 


> להקצות צוות מיוחד שיעסוק בתוכן אינטראנט, 
עיצוב ושימושיות - צוות שיגרוס להעלאת 
פוטנציאל היעילות של כל עובדי המשרדיס 
בכמה אחוזים. 


6% ליצור תקני ניווט לאינטראנט וערכה מינימלית 
של מוסכמות עיצוב לכל תוכן האינטראנט. 


> להדגיש בצורה פעילה את מחויבות המחלקות 
לעבוד לפי תקני הניווט והעיצוב. 
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אפנטרויות נגינטות 
למעשתמטטים 
בעלי מגבלות 


חוקים ותקנות, וכן פעילות של עמותות וארגונים שונים יוצרים סביבה 
המודעת גם למשתמשים בעלי מגבלות, מתוך כוונה לאפשר גם להם 
גישה למערכות מחשב. לעיתים תהיה קיימת אף חובה חוקית לדאוג 
לכך שרשתות האינטראנט יכילו תכונות שיאפשרו לעובדים בעלי 
מגבלות, שאינם מסוגלים לעשות את עבודתם ללא גישה לרשת 
הפנימית של החברה בה הם עובדים. 
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נכויות שקשורות לגיל 


לאלה מתוכנו שמתכננים 
להישאר בחיים עוד כמה 
שנים יש סיבות אישיות 
לקידום יכולת הגישה עבור 
משתמשים בעלי מגבלות, 
משום שככל שאנו 
מזדקנים, אנו חווים את 
המגבלות בעצמנו. 
ההערכה היא שרק ל-14% 
מהאנשים שמתחת לגיל 
5 יש סוג מסוים של 
מגבלות, בהשוואה ל-50% 
מאלה שעברו את גיל 65. 
למזלנו, חלק גדול 
מהמגבלות הללו אינן 
משמעותיות, או שאינן 
מפריעות בשימוש ב-60/\ 
(לדוגמה, בעיות שמיעה). 
כדאי מאוד לזכור מה 
מחכה לנו כשנזדקן. הבה 
ונעצב עולם שיהיה טוב 
לכולנו, עכשיו ובעתיד. 
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בנוסף לתקנות התאימות וההגינות האנושית, ישנן 
כמה סיבות עסקיות גרידא להפיכת האתר לנגיש 
עבור משתמשים מעלי מגבלות. לרוב, משתמשיס 
אלה הופכים ללקוחות נאמניס כשהס מגלים יצרן 
שנותן להס שירות טוב, ומתאיס את עצמו לצרכיהס 
המיוחדיס. קל יחסית לעצב אתרי ססאצו נגישים, ולכן 
אם תתחשב בציבור הלקוחות הזה, אשר יגדל באותו 
הקצב בו האוכלוסייה הרגילה גדלה, תרוויח מכך. 


יש להגדיר את המונח מגבלה בהקשר ל- ט6/\. אי 
אפשר לקבוע, למשל, שאדס שמשתמש בכסא גלגליס 
יתקשה בגלישה. למעשה, רביס מהמשתמשים בעלי 
כסא הגלגליס אינס זקוקיס להתחשבות מיוחדת 
כשהם גולשיס ב-89/\. במקוס ואת, השאלה היא אס 
למשתמש יש מגבלות שמקשות עליו להשתמש 
באמצעי הקלט והפלט של מחשב רגיל. אוכלוסיית 
בעלי המגבלות (תנועה, ראייה, שמיעה) גדולה מכדי 
שניתן יהיה להתעלס ממנה. 


הדרך להפיכת ה-ס6/\ לנגישה עבור משתמשים עס 
מגווןו סוגי מגבלות היא עניין פשוט של שימוש 

ב- | בדרך בה היה ראוי להשתמש בה 
מלכתחילה: לקודד את המשמעות במקוס את 
התצוגה. כל זמן שדף מסוים מקודד על פי המשמעות 
שלו, הדפדפניס החלופיים יכולים להציג את 
המשמעות הזו בדרכיס מיוחדות שמתאימות ליכולות 
של אותס משתמשיסם מוגבלים, ובכך לאפשר 
למשתמשים בעלי מגבלות גישה ל-ט6/צ. 


לפני שאדון בקשיים שיש למשתמשים בעלי מגבלות 
בגישה למידע ט6/\, אני רוצה לציין שמידע מקוון 
מקנה יתרונות רביס בהשוואה למידע מודפס. 
לגולשיס עס בעיות ראייה קל להגדיל את הגופן, 
והשימוש בהמרות טקסט לקול עבור משתמשיס 
עווריס טוב בהרבה כשהוא מבוצע על טקסט מקוון, 
מאשר בטקסט מודפס. 


6ץוזוח! עֶזו!ו0ו466655 ס6/צ/ 


פרק וה מספק מבט כללי על הנושאיס שקושריס 
בעיצוב נגיש ל-60/\. למידע נוסף, פנה להנחיות 41/\ 
(6ע080וח1 /0ו|וסו266655 ספצ\ - יוזמת הנגישות 
ל-60/)) שפורסמה על ידי איגוד 36\\. ניתן למצוא את 
ההנחיות הללו ומידע נוסף אודות נגישות ב-60/\ 
בכתובת /0/\/1זס. 3או. צואואו/ /: קסת. 








תקן 81/\ יגדיר לך מה אתה חייב לעשות. מעשית, יש 
צורך לתת עדיפות לתאימות סטנדרטית באתריס 
גדוליס, ולתכנן את יישוס השלביס הבאיס: 


1. יש לעצב מחדש את הדף הראשי והדפים שבהם 
יש תעבורת גולשים גבוהה, כך שיתאימו מיידית 
לכללי הנגישות החשובים ביותר. הדבר נכון גס 
עבור כל דף שהכרחי להשלמת רכישה מקוונת, 
או ביצוע עסקה חשובה אחרת. 


2. לאחר מכן, יש לדאוג לכך שבכל הדפיס החדשים 
ייושמו גם ההנחיות שבעדיפות הגבוהה וגם 
ההנחיות שבעדיפות הנמוכה. בדיקת ההתאמה 
להוראות תהיה חלק מתהליך היצירה של הדפים 
החדשים בארגון. 


3. בהמשך, יש לעצב מחדש דפיס שבהס יש 
תעבורת גולשים בינונית, כך שהם יעמדו 
בדרישות ההנחיות שבעדיפות הגבוהה. 


4. המטרה ארוכת הטווח היא שדפים עס תעבורת 
גולשיס גבוהה יעוצבו מחדש, כך שהס יתאימו 
להנחיות הנגישות. בנוסף, יש לדאוג לכך 
שהדפיס החדשים שנוצרים יעמדו בדרישות כל 
ההנחיות. את הדפיס עס תעבורת הגולשיס 
הנמוכה ניתן להשאיר כמות שהם, אלא אס הס 
קשוריס לנושאיס שמענייניס במיוחד את 
המשתמשים בעלי המגבלות. 


טכנולוגיה מסייעת 


אם יש בחברה שלך עובדים בעלי מגבלות, או אם יש לך קרובי משפחה או חברים בעלי 
מגבלות שמבקשים ממך סיוע בהתחברות לרשת המקוונת, כדאי לך לבדוק את האפשרות 
להשיג עבורם טכנולוגיה מסייעת שתתמוך בציוד הקלט/פלט הסטנדרטי שהגיע יחד עם 
המחשב שלהם. הטכנולוגיה המסייעת שתהיה השימושית ביותר עבור כל משתמש צריכה 
להסתמך על הנתונים הספציפיים של אותו אדם. בנוסף, הטכנולוגיה משתנה מהר מדי 
עבורי כדי שאוכל להמליץ כאן על משהו טוב. במקום זאת, אני מציין שישנם פתרונות 
זמינים רבים, וכן עוד פתרונות בתכנון. אתר 660067 866זד, בכתובת 56.600וש.0866//:קת 
הוא מקור טוב לקבלת מידע אודות טכנולוגיה מסייעת. 


באופן ספציפי, ניתן לסייע למשתמשים עיוורים בעזרת קוראי מסך שממירים טקסט לדיבור. 
לדוגמה, משתמשים עיוורים רבים שבעי רצון מתוכנת 8680067 סחָ3ק סוחסה של |אפ:ז: זהו 
דפדפן מדבר שמבין \ואד ומקריא דפי פ6/ו. אם הסיור ב-65// יהיה אחד השימושים 
העיקריים שלך, עליך להימנע משימוש בקוראי מסך ישנים שאינם מותאמים ל-60)\ 
ומתקשים בקריאת דפי 65/\ שאינם מעוצבים טוב. אם אתה מעוניין רק בשימוש ב-פ6/\, 
השג לעצמך דפדפן קורא, משום שניתן לשפר את צורת הצגת הנתונים בהרבה כשהתוכנה 
מניחה שהיא מטפלת רק בקבצי וואדו. 
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סמל הנגישות ב-60/\ 
((ססוחץ5 606655( 60/)) של 
זס+ 06% |החסספּו 

8 666510!6. אפשר 
להשתמש בסמל זה כדי 
לציין אתרים או דפים בהם 
נעשה מאמץ לשפר את 
הגישה עבור משתמשים 
בעלי מגבלות. ניתן להוריד 
את הסמל במגוון גדלים 
מהכתובת - 


/ההסס. הסל5סם. שוחו / : קת 
68 /3065ק חאו 
|החח.זס ה חזאו|סט וח ץ5 


2 עיצוב ממשק באינטרנט 


אפשרויות נגישות חזותיות 


המגבלות החמורות ביותר, בהתחשב במצב ה-60/\ 
הנוכחי, קשורות במשתמשים עיווריס ובמשתמשיס 
עם מגבלות חזותיות אחרות, משוס שרוב דפי ה-60)\ 
כוללים פרטיס חזותייס רביס. לדוגמה, נהוג לראות 
שילוביס של צבעי רקע (סחטסז0א886) וקידמה 
(0חט0ז60ז0=), אשר משתמשים עיוורי צבעיס כמעט 
ואינס יכוליס לקרוא. עליך לקבל משוב לפחות 
ממשתמש עיוור צבעיס של אדום/ירוק, משוס שזהו 
עיוורון הצבעיס הנפו ביותר. 


כדי לשפר את הגישה עוד יותר, ודא תמיד כי יש ניגוד 
חזק בין צבע הרקע לצבע הקידמה, והימנע מתבניות 
רקע עמוסות המפריעות לקריאה. כל דבר שיפחית 
את קריאות הטקסט שלך, יטריד מספיק משתמשים 
לא מוגבלים שכלל אינס אוהביס את רעיון האטת 
מהירות הקריאה שלהם ב-60//. תמונות רקע 
(0760א6ד) או צבעיס עדיניס עלוליס להיות הקש 
האחרון שיוריד את קריאות הדף שלך אל מתחת לסף 
של מה שמשתמש בעל מגבלה חלקית יכול לקרוא. 


לעיווריס, או למוגבלי ראייה, קל יחסית לגשת לדפי 
טקסט משום שניתן להזין את הטקסט לקורא מסך 
(₪68067 ח56766) שיקרא בקול את הטקסט על ידי 
זו ח5. דפיס ארוכיס יקשו על משתמש עיוור, 
יותר מאשר על משתמש רגיל, במציאת חלקיס 
מענייניס. כדי להקל על הסריקה, מומלצ להדגיש את 
מבנה הדף באמצעות תגי )₪49 מתאימיס: השתמש 
ב-<1ח> עבור הכותרת ברמה העליונה, ב-<02> עבור 
חלקי המידע העיקרייס שבתוך <1ח>, וב-<3> 
וברמות נמוכות יותר עבור חלקי מידע שבתוך רמה 
<2ח>. בכך, המשתמש העיוור יוכל לקבל תצוגה 
מקיפה של מבנה הדף על ידי הקראת קטעי ה-<11\> 
וה-<2ח>, והוא יוכל לדלג במהירות על סעיפים לא 
מענייניס על ידי כך שיורה לקורא המסך לעבור 
לכותרת הבאה ברמה נמוכה יותר. 


בנוסף למשתמשים עיוורים לחלוטין, ישנס 
משתמשים רביסם המסוגליס לראות, אך ראייתס 
חלשה. משתמשיס אלה זקוקים לרוב לגופניס 
גדולים, דבר הקייס כתכונה סטנדרטית ברוב דפדפני 
ה-65/\. כדי לתמוך במשתמשים אלה, לעולם אל 
תקודד מידע יחד עם גדלי גופניסם קבועיסם, אלא 
השתמש בגדלים יחסיים. לדוגמה, כשאתה משתמש 
בגליון סגנון, אל תקבע את ערך מאפיין 5126-%חס+ 


בגודל קבוע על ידי מספר מסויס של נקודות או 
פיקסלים. במקוס זאת, קבע אותו כערך באחוזיס 
מגודל ברירת המחדל של הגופן. 


במקוס: | 0ק16 :526-0%ח10 
רשוס: ;5% :5260-100% 


בכך הטקסט שלך יגדל או יתכווצ כשהמשתמש יפעיל 
את פקודת 187061 +א6דיי (הגדל טקסט) או ישאסד 
זסו|3ח'י (הקטן טקסט), ותצוגת הדף ההתחלתית 
תתאיס להעדפות המשתמש. 


תמיכה מלאה במשתמשים בעלי ראייה מוגבלת 
דורשת שהדפים ייראו בצורה שווה בכל גדלי 
הגופניס. היישוס אינו תמיד מעשי, ומקובל להשאיר 
דפיס כך שייראו קצת פחות טוב בגדלי גופניס ענקייס 
כל עוד סידור הדף הבסיסי יעבוד. אני ממליצ לבחון 
את הדפיס שלך כאשר גודל ברירת המחדל של הגופן 
הוא 10, 12 ו-14, כדי להבטיח כי העיצוב מיטבי עבור 
גדלי הגופניס הנפוציס הללו. לאחר מכן, עליך לבצע 
בדיקות נוספות עס גדלי ברירת מחדל של גופניס 
בגודל 18 ו-24 נקודות, כדי לוודא כי העיצוב יעבוד 
גס בגדלים אלה המיועדים למוגבלי ראייה. 


יכולת הגישה למוגבלי ראייה חשובה גס למשתמשיס 
רגילים ללא מגבלות, במקרה בו הס משתמשיםס 
ב-60/)\ במצביס המונעיס מהס שימוש בדפדפן חזותי. 
לדוגמה, גולש המשתמש ב-ט6/\ תוך כדי נהיגה אמור 
להסתכל על הכביש ולהשתמש בדפדפן קולי. 


מאפייני זוה 


בנוסף להפיכת הטקסט לקריא, עליך לספק גם שיטה 
חלופית לייהצגת'י התמונות שלך בפני גולשיס שאינס 
יכולים לראות אותן. הפתרון העיקרי לכך כיוס הוא 
להשתמש במאפיין זו. קוד ₪11 טיפוסי בו משתמשיס 
להכנסת תמונה בדף פ6/\ עשוי להיראות בדומה לכך: 
"200"=%ף "100"= תזסואו "חן פ576="(860 ףַוחו> 
<"ח6!56ו] 28600 +0 סזסתק"=6הּ 
משתמשיס שאינס יכוליס לראות את התמונה (עיווריס, 
או כאלה שכיבו את אפשרות טעינת התמונות בשל 
בעיות רוחב פס) יראו או ישמעו במקומה את הטקסט 
החלופי ''ח56ו6וא 28600 +0 סססחפיי. משתמש רואה 
שכיבה את אפשרות טעינת התמונות יוכל לקבוע על פי 
הטקסט אם כדאי להמתין לטעינת התמונה. משתמש 
מוגבל ראייה יוכל לפחות לדעת מה המידע שבה. 
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(בעמוד הקודם) הטקסטים 
שבתגיות 3% גורמים לכך 
שניתן יהיה להבין את תוכן 
אתר שוססופפזד גם ללא 
התמונות. תרשים זה מציג 
את הדף כאשר אפשרות 
טעינת התמונות כבויה. 
משתמש עיוור יוכל גם הוא 
להשתמש בדף זה אם ייעזר 
בתוכנה שתקרא את כל 
מאפייני ה>ג3ּ של תגיות 
<0וחו>. שים לב לכך 
שהתמונות ללא כיתובי זוב 
(עם כיתובי 6פַבחו) גורמות 
לתחושת איבוד מיקום. אין לך 
מושג מה אתה לא רואה. 
בנוסף, דפדפני ה-60/\ 
הנוכחיים לא מבצעים דבר 
פשוט כמו גלישת מילים 
(סבזשו סזס/\) של כתוביות זוּ, 
ולכן חלק מהטקסט לא ממש 
קריא בתצוגת מסך זו, למרות 
של- ז5120וח%חץ5 לא תהיה 
בעיה לקרוא אותן. 


חלק ממומחי השימושיות תומכים ברעיון של תמונות 
מתוארות (108065 2656060), בהן טקסט תגיות 
ה-+3 משמש לתאר את מה שמשתמש רגיל מסוגל 
לראות. לדוגמה, סמל |סטחץ5 66655 ט6/\ שמוצג 
קודס לכן בפרק זה יכול לקבל תיאור כגון 

''6|סחץ6א 8 חסואו ספסוף פחואוסוף ה'י, וניתן לתאר את 
תמונת מחבר הספר כ-'405 5וח חן חח 8 01 ס%סחק 
0 |%8500 8 סח והסצו ,0135565 חב זוהח סחסום וסועש 
6שיי. לדעתי, התיאוריס הללו לא מביאיס הרבה 
תועלת באתרי ט6/, אלא אס המשתמש הוא מבקר 
אומנות. אני אישית מעדיף תיאוריס מסייעיס 
שמעביריס את משמעות התמונה: מה התמונה מנסה 
להעביר, ומה יקרה אס אלחצ עליה? 


אם, לדוגמה, דפי ה-65/\ של חברת 2צא יכילו כולס 
את לוגו החברה בפינה השמאלית-עליונה, עדיף 
להקליד את הטקסט י'חסחפזסקזס6 2צאיי אל תוך 
המאפיין זו3 שלו. אס הלוגו מקושר לדף הראשי, ניתן 
גם להשתמש ב- "ספָהק סוחסח 2ץא"=>ו|4. לא כדאי 
להשתמש בטקסט כמו "חסט8זסקזס6 2/א )0 080 6="1. 
עדיף לכתוב ''ספָס| חסטְאזסקזס6 2ץאיי, ולהציב את 
המילה החשובה ביותר בתחילת הטקסט, אך עדיף 
כלל לא להזכיר שהתמונה היא לוגו, משוס שהמידע 
הוה חסר תועלת עבור אדס שלא רואה את התמונה. 


כל מפות התמונה צריכות להיות בצד הלקוח, ועליהן 
להשתמש במאפיין ו של התגית <8וחו> ובמאפיין 
6 של התגית <8768> עבור כל אחת מאפשרויות 
הקישור, כדי שמשתמש שאינו מסוגל לראות את 
התמונה יקבל הקראת תיאור של היעדים בזמן הזוזת 
הסמן. קיימים עדיין כמה דפדפניס שתומכיס במפת 
תמונה רק בצד השרת, אך מפת תמונה בצד הלקות 
היא ללא ספק הדרך הנכונה שיש להשתמש בה 
בעתיד. משתמשים רואים ייהנו גם הס ממאפיין 
ה-%/8 או ₪96 שמוצגיס בחלק הנכון של שטח 
התמונה, אס הס לא רוציס לחכות לטעינת התמונה, 
ודי ברור שתגית +39 יכולה לתאר את משמעות יעד 
הקישור בצורה ידידותית הרבה יותר מאשר כתובת 

. הרבה פעמים, כללי העיצוב שנוצרו כדי לסייע 
למשתמשים בעלי מגבלות עוזריס גסם לאוכלוסיית 
המשתמשים כולה. 


למרות שיש לספק טקסט זו לכל התמונות, יש 
למעשה כמה תמונות שניתן לתאר אותן בצורה 
הטובה ביותר ללא טקסט. אס התמונה מיועדת 
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טקסט תגיות 3 צריך, ללא 
ספק, להיות מותאם לשפה 
המקומית של המשתמש, כפי 
שמוצג בדוגמה זו של 
ה-וחט156] 8|306ק |החססבו 
בטאיוון. משתמשים שמעדיפים 
גירסה אנגלית צריכים לעבור 
לגרסת טקסט שונה על ידי 
מעבר לקישור שנמצא מתחת 
לתמונה הראשית. לקבלת מידע 
אודות התאמה בינלאומית 
למשתמשים מארצות שונות, 
קרא את הפרק הבא. 


עו 
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לקישוט בלבד ואין לה שוס משמעות פרט לשיפור 
מראה האתר, אין סיבה להאט את המשתמשים 
העיווריס על ידי הקראת הסבר מיותר. 


לדוגמה, עדיף להשתמש בתגית ""=6| מאשר בתגית 
"6!וטם 6טו 86ַזבּ!"=זוג3. תמונות חסרות משמעות 
צריכות להגיע עס מחרוזות זו3 ריקות בכל מקרה 
(ולא להשמיט את תגיות זו9), משוס שנוכחות 
מחרוזת +/3 ריקה היא סימן לתוכנת קריאת מסך 
שניתן לדלג על התמונה. אס אין טקסט זו3 בתגית 
התמונה, רוב קוראי המסך יודיעו למשתמשיס 
שמוצגת תמונה לא ידועה, ולקוראיס אין אפשרות 
לדעת אס התמונה חשובה. 


מחרוזת +/8 צריכה להכיל טקסט פשוט ואין להכניס 
לתוכה סימון !אז, למרות שמותר להשתמש בתוויס 
מיוחדיס כגון 88% (הסימן <). טקסט תגיות זו3ּ צריך 
להיות קצר וקולע, ולרוב באורך מקסימלי של שמונה 
עד 10 מילים. 


דפדפנים מסוימים מציגים את טקסט תגיות זו 
כתיאור כלי (ס0!סס1), כשהמשתמש מביא את הסמן 
מעל לתמונה. 


ואאסוזגא פד 


> ]0 סו[טטק16 ,הוהצאוה1 ,סכה 





[אוופות 








השימוש הנפוץ ביותר לתכונה זו היא לתת שס לסמל, 
אך ניתן להשתמש בה גס כדי לספק קצת מידע מועיל 
בטקסט לוּ. לדוגמה, טקסט ה-+ו3 של תמונת הטקסט 
| א יכול להיות "19 עְּ%] 51066 שוסח"=>|8, במקוס 
רק "שוסח"=ז81. חשוב לעצב את המחרוזות הללו 
בצורה שהן עדיין יהיו בעלות משמעות עבור 
משתמשיס שלא יכולים לראות את התמונה, ומשוס 
כך חשוב שהטקסט יהיה 19 עְּ] 66ח51 שוסח'י, ולא 
רק 'י19 ץ13!] 6סחופ5''. 


לעיתים, יש צורך לכלול מידע מיוחד עבור משתמשיס 
שאינס יכוליס לראות את התמונות שבדף. לדוגמה, 
הדף יכול להכיל קישור מיוחד למצגת 00ו₪68!400 שבה 
יש תיאור מקיף של התמונות. ישנו טריק מעניין 
לעשות זאת על ידי שילוב המידע כמאפיין זו של 


טקסט זו3 שמשמש כתיאור תמונה נסתרת (כלומר, תמונת "61 שכל הפיקסליס 
כלי כדי להוסיף מידע לרכיב שלה שקופים 0ח6ז508ח78)). משתמש שרואה את 
גרפי בדף יסייע הן התמונות יייראהיי את התמונה הבלתי נראית (כלומר, 
למשתמשים רואים והן כלום...), ואילו משתמשיס שלא יכולים לראות 
לעיוורים. תמונות יקבלו את תגית הטקסט שלה. 


ששפא] 665[ס-וק ה0ו60-65צצש -וסן הַה60טטוום 
(019סם ו1961 עב4! 6סחו5 16 11 ונה הנד . .7 קדט ,6הנר\ קוטוקנ 1/6003 1160 5 מס 


שו[1 קדס קנבו[ 1568 זי[ננוכון ונב קרנ88[3 01 שקונהע [בטנכךל1 6ו[1 שונראוכו[8 פקדש/יננוט :אס פט[1 0+ 18ונטונסכןטנסט 6[ממנו[פ/ר כושוך 
1641 01 6330168 הענה (פע6הסט .1171/11 0+ 818ו1נב טטו[קביש מנכצ1) 1ספ[ונכן ט6\ 8 101 ספ 81811 01 הננ [ונסנ16נה 

שוננן ]01116614 101 00818 [8נו801 6ו[1 ונה 818ס0 60160[סנכן 6ו[1 ונסס/ו061 פונספבנהקטנסט וננהנו[טונג) 618קהנוכ צנשו[1 הנה 6018[טנכך 
%ססט 8ו[1 01 8שנטונ6נ110 36 וננמווד סעו1 8ו[1 . 6טונשבנטכףכ6 קלט ונג 6/ת656181נכן16 [[811 שנב ]נוט 1996 הנס שנב 0318 116 . (5מנ6ו1 
מנסל1 שמנסט זי[נ63[ט פצכט[!נוה 6ו11) קונרנספונרקונ6 י981[11נו הוונב דקנטפ מכ טבע16וננ 1 1פסט 1108 0816ננ691 ]כ 068 11 זבו[1 זה 
01 6910708 [הוננקדנס 10 60פסכןכן פב) 1606910708 8116 101 קונג1סקהנו עעיסט 1כת 068 11 1מו[1 הונב (תנוסק[ טכ קוננפו1נ0/0ה ותב 
ונטס קנ[ -80 סש . (81168 פוב 


68 016660 - רו10ז3-רו6 רו6!כןוחוך 


(פונס5 :6 זו16א\ נו101) מנבו[18) .5 18 זדס ,טונכנטונ6הנם .1171/11 הונב 2 3 .1171018 10 הנוכו 16ש[קטונס) ב ססמ6טנוס5. זדת 
ו ונת . פונננ 01 16בנכיב] 8 18 ונ פנו[' ‏ מנסע] ובנ163 0+ סכמ תכג[[ננ 8 6נב 6צפו11 .1/1 117 וסונ +ונכ₪ נוסקן 1 
13168מו ו11חזד 116פטשאו יאוס 118 פהו1 סכ פט[1 1בו[1 6טטוד זי[נב[נוטבדנהכן טג 11 , 1076 1106 1כו שצנו מו שונרקונבו[ט 1177נ18פונ סט 
1[ 6נב התב . 111 111 01 פונכנפנס/ר דשנ[631 601נס/יכוס 8(נכ0נ6011 61נ681) > כוכיס 8 מנבו[313) 01 ונכגזנ60 הינט[1 שו[ פג פט[1 ,11016 
]ונוט הננ 600 6ו[1 1'5ב\[1 פנו[1 6סונגפ 3-2 .1111/11 קונרנסשיסס נכג601 6ו11 זדנוט [[6עו 88 1ו[קנטוג נוסקד ו( קנוכו11 ,[נ61פנר 
- (8180310 

!021 19811 (זדפ[16 נ0פג10) פסם דנסם הונב 136 ונכפ[113 קיט ,6618ו31 6הד5 ונר 701 117 ע6116 ובחור + שוסבן 
6 קנה 01 -מננונ0פווד זיונה פפכונטב 069107 ונ18110ונ686נכן סקבונבחנ 10 זיביגו 6ו[1 +כנוכ₪ 8 ]נוכט[1בקו סנה 6618ו[8 819716 0107 2850) 
8 ונס "8פנ)בנסו[!נוה 18נסיגו 6ו[1" 660הונג שנב פצכו[1נוה 6ו[1 -1ו[קבב ג עסיטט וסיט 8 ונס טצנו[ט 6ו[1 6טונכי צכי] . 16נטמסנר 
180 ..8618ו[7[69י51 .1171/11 ע10 610161006 6/ת1מהנג![נר 6ו[1 פג פו[1 80 ,601[סנכן 861ו81971691 5 מוננונדנספונס?) 6 116 15 
1601 6ננוןט סשימנו[טם 10 60פנו 6מ ונפט 6618ו71681י61 שוכון שוסו[8 5?) ונג 68ננו1531 6ננוספטום זי1ו[ק[8 6ו11 01 68[כןונמ6 
זנוט ,88[קנבטנ6 81 קוננ[ סכ ןונגס ונס 652 כנו טנכן ובס נוסקד 1בו[1 887 10 6טגוג 06 ב[נוכועו 11 . 8ו6-59107שבכן ונה 8]נוסזמ1 
162000 118 זכ 3601 1/יטונכן 85 ונ 1פנ6\וננו 66261 8 68נננוןסע ל[[הנו1ט 6פנו הוססש 








[ח56/.60./ש/ע/ץ 
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יש לספק קליפים קוליים 
לתמלילים, ויש לספק גרסאות 
וידאו עם כתוביות. 
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מגבלות שמיעה 


מתחיללת ימי ה-ט6/ו, היא שמה דגש על המדיוס 
החזותי, ואנו התרגלנו לסממניס החזותיים הללו - 
בין אס כטקסט או כגרפיקה - כשיטה העיקרית 
להעברת מידע ברשת. במקרים נדיריס, יש צורך בקול 
כדי לשפר את הבנת המשתמש. אפקטים קולייםס 
ב-60/\ מיותרים - זהו, לדעתי, אחד מסממני העיצוב 
הגרוע. כמעט בכל המקרים, רמת השימושיות של 
האתר נשארת זהה כשמכבים את הקול, אך עס 
המעבר לשימוש רב יותר במולטימדיה, המצב ישתנה. 


עליך לעצב את האתר שלך, ללא קשר לשאלת 
החשיבות של האפקטים הקוליים, תוך התחשבות 
בקהל המשתמשים בעלי מגבלות השמיעה. יש לספק 
קליפים קוליים לתמלילים, כמו שיש לספק גרסאות 
וידאו עס כתוביות. דבר וה יהיה לתועלת 
המשתמשים שאינם דוברים את השפה, וכן 
למשתמשים שאין במחשב שלהם ציוד להשמעת 
קולות. 


מגבלות דיבור 


כרגע, לא משנה אס משתמש ט6/\ מסוגל לדבר או 
לא, משוס שכל הקלט שהמחשב מקבל מגיע מהעכבר 
והמקלדת. ייתכן שצורות שונות של ממשקי משתמש 
מופעלי דיבור יהפכו לפופולריים יותר בעתיד 
במקריס בהס השימוש במקלדת מגושם, או פשוט 
כדי לתמוך במשתמשים שמעדיפים לתת פקודות 
קוליות מאשר להקליד אותן. 


כל ומן שקלט הדיבור הוא לא יותר מאשר תמיכה 
נוחה בקלט המקלדת, ניתן להסתדר ללא תמיכה 
מיוחדת במשתמשים שלא יכוליס לדבר. בסופו של 
דבר, משתמשים אלה יכוליס עדיין להשתמש בשיטות 
התקשורת העיקריות שנעשות על ידי המקלדת. 
הפגיעה במשתמשים שנהנים מקלט קולי למען 
הנוחות ולא מתוך צורך אמיתי, קטנה עד אפסית. 


העניין יהפוך לבעייתי הרבה יותר כשנעבור 
לממשקיס בהס הדיבור הוא התקן הקלט העיקרי או 
אפילו היחיד. אני בצופה שרוב מערכות הציט 6080) 
יעברו למימד קולי בעוד זמן לא רחוק משוס שהדיבור 
הוא צורת השיחה הטבעית לרוב הגולשים. 


כל מערכת ציט שמסתמכת על דיבור צריכה להשאיר 
אפשרות למשתמשים שאינס מסוגליס לדבר 
להשתתף בשיחה על ידי טקסט מוקלד. בדומה לכך, 
מוצרי הטלפוניה באינטרנט צריכיס לשלב קול 
וטקסט, כדי לאפשר לכל צד בשיחה לתקשר בדרך 
הנוחה לו. למעשה, אפילו אנשיס שאין להס בעיות 
דיבור יכוליסם ליהנות לפעמיס מערוצ טקסט שתומך 
בשיחה קולית: כדי להעביר כתובות 81( או סוג אחר 
של קוד, או כדי לאיית את שמסם. 


מגבלות מוטוריקה עדינה ותנועה 


משתמשיס רביס מתקשים בהזזה מדויקת של 
העכבר, ולעיתיס יש להם גם בעיה ללחו על כמה 
מקשי מקלדת בו-זמנית. יש לטפל ברוב הנושאיס 
הללו על ידי שיפור עיצוב הדפדפן, והס אינס אמוריס 
להטריד את מעצבי הדפיס פרט לעצה שלא לעצב 
מפות תמונה שיש להצביע על חלקים מהן במדויק. 
תאר לעצמך שהיית צריך להזיז את העכבר עס הרגל: 
היה לוקח לך הרבה זמן ללחו על דמות קטנה. 


מפות התמונה שבצד הלקותח יעבדו טוב אפילו עבור 
משתמשיסם שלא יכוליס להשתמש כלל בעכבר: 
הדפדפן יכול לעבור על פני הקישוריס בתגובה 
לפקודות מקלדת (מקש טַ13). 


יש להטמיע בדף כל סוג של יישומון שמשתמש 
בפריטי תקשורת מעבר ל-1א₪1 סטנדרטי כדי לאפשר 
ביצוע פעולות ללא שימוש בעכבר. תכונות אלו 
כלולות כחלק מתקן 38/8 ו-א6עט6ה, ולכן זהו פשוט 
עניין של שילוב נכון של הקוד על פי ההנחיות 
הרשמיות של 05ח05/506ז₪16 חט5, 50%סזסו1\ ויצרני 
כלים אחרים. 


מגבלות קוגנטיביות 


בתחילה, האינטרנט היתה יימגרש המשחקיס'י של 
גולשים אינטיליגנטיס מאוד שהיו הראשוניס לאמ\ 
טכנולוגיה מתקדמת. ככל שה-60/\ הופכת למדיוס 
עממי, יהיו לה יותר משתמשיס בקשת רחבה של 
השכלה, דעות, מנהגיס ותפיסות וצריך לוודא 
שהתוכן יהיה מובן לכולס; לתלמיד ביייס יסודי, 
לסטודנט, למזכירה, לפרופסור באוניברסיטה וגס 
לאבא שלו. 
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בנוסף, יש לתמוך במשתמשים שיש להס בעיות 
קוגנטיביות (למשל, בתפיסה). אנשים אלו עשוייס 
להיות אינטיליגנטיס מאוד, אך עדיין לסבול מהפרעה 
מטרידה. לרוע המזל, המחקרים שעוסקיס בממשקי 
משתמשים כמעט ולא התמקדו במגבלות קוגנטיביות, 
ולכן ההנחיות לתמיכה במשתמשיס שסובליס 
מהפרעה זו לא מספיקות, נכון לרגע זה. 


האנשים שונים וה מזה במיומנויות החשיבה 
המרחבית וביכולת הזיכרון לטווח הקצר, למשל. 
תוכניתניס ומעצבים גרפיים נוטיס לקבל תוצאות 
גבוהות וחריגות במבחני חשיבה מרחבית, ולפיכך הס 
טובים בחיזוי מבנה אתר 65/\. בדומה לכך, לאנשיס 
צעירים (כולל רוב מעצבי ה-60/) יש יכולת ויכרון 
טובה לקוד מעורפל, כגון כתובות 081, מאשר 
לאנשים מבוגרים. אפשר להניח בביטחון שבכל הנוגע 
לניווט באתר פ6/\ לרוב המשתמשים יש קושי גדול 
יותר מאשר למעצבי האתר. 


ניווט פשוט יותר מסייע לכל המשתמשים, אך הוא 
נדרש במיוחד עבור משתמשים שנמצאים בשני 
קטבים מנוגדיס: אלה שיש להס בעיה לראות את 
מבנה הנתונים יכולים לקבל סיוע ממעצבי האתר 
בצורת מפת אתר (80!! 6ו5). הס יקבלו יותר סיוע 
אס הדפדפן שלהם יעדכן את מפת האתר, ויציג את 
נתיב הניווט ואת מיקוס הדף הנוכתי. 


חיפוש ללא איות 


ניתן להשתמש ברעיונות רבים שמתקבלים ממחקרי אחזור מידע וליישם אותם ב-60\\, כדי 
למנוע או לפחות להפחית את הצורך באיות מדויק בממשקי החיפוש. מנוע חיפוש שאינו 
דורש רמת איות גבוהה יהיה הדבר העיקרי בסיוע למשתמשים דיסלקטיים וישפר את 
השימושיות עבור כל הגולשים. 


דרך הפעולה של חיפוש על פי דמיון (שוזג8!ווחו5) היא לאפשר למשתמש להקליד משהו כמו 
"5וח+ 6א!| 6זסוח 6ח 616" (וגם "86 66!! 655! 6וח 6עו6"), תוך הצבעה על מסמכים קיימים. 
היתרון של חיפוש על פי דמיון הוא שלאחר שמצאת משהו שמתאים למה שאתה מחפש, 
תוכל למצוא עוד דברים כאלה ללא ציון של מונחי החיפוש. עליך למצוא את התוצאה 
הראשונה בעצמך, אך תוכל להמשיך ממנה לעוד תוצאות אחרות. 


חיפוש פרמטרי (סושפחחִהּזה3ק) מאפשר למשתמשים לציין את ערכי הפרמטרים השונים. 
לדוגמה, המשתמש יכול לבצע חיפוש של מוצרים שעולים למעלה מ-%1000 והוצעו למכירה 
בחודש האחרון. אם האתר תומך בערכה עשירה מספיק של פרמטרים, המשתמשים יוכלו 
להצר את מרחב החיפוש שלהם בלי להקליד מילה נוספת. במקרים רבים, המשתמשים 
יכולים לציין את הערכים הרצויים על ידי הזזת סרגלי גלילה, כך שהם לא צריכים ליצור 
טקסט בעצמם. כמובן שיש לאפשר הזזת סרגלים כאלה גם ללא העכבר כדי לתמוך 
במשתמשים עם מגבלה מוטורית. 
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למשתמשים דיסלקטים יכולה להיות בעיה בקריאת 
דפים ארוכים, וניתן לסייע להס על ידי עיצוב תכונות 
שמקלות על הסריקה תוך שימוש בכותרות, כפי 
שצוין קודס לכן. בחירת מיליס בעלות תוכן 
אינפורמטיבי טוב, כגון הנחיות טקסט, תסייע 
למשתמשים אלה, וכן למשתמשים עיוורים, במציאת 
קישורים מעניינים (הימנע מלחצני יסזסח אסו[6י). 


רוב ממשקי המשתמש של מנועי החיפוש דורשיס 
מהמשתמש להקליד מילות מפתח. פעמים רבות, 
משתמשים שאינס יודעים לאיית (וכן משתמשיס 
דוברי שפות אחרות) לא יצליחו למצוא את מה שהס 
מחפשים, כל זמן שיש צורך בהקלדת המיליס 
המדויקות. כמינימום, על מנועי החיפוש לכלול בודק 
איות. אפשרות אחת היא לבדוק איות של כל מונחי 
החיפוש שלא נמצאו להם תוצאות, ולהציע למשתמש 
אפשרות ללחו על רשימה של הצעות לתיקון האיות, 
ולחזור על החיפוש עס המונחים המתוקנים. 


מסקנה: גישה פרגמטית 
בכל מה שקשור לנגישות 


אני מודה שאתרי ה-60/\ שעבדתי עליהס אישית לא 
יישמו תמיד את כל הנחיות הנגישות במלואן. יש לי 
גישה מעשית לעניין השימושיות ולפעמים אני יימעגל 
פינות'י במטרה לעמוד בלוחות זמנים, או כדי לספק 
צרכי עיצוב אחרים. אך עדיין יש הבדל גדול בין 
עיצוב לא מושלס לבין עיצוב פזיו לחלוטין. גס אס 
אינך יכול לעצב אתר נגיש לחלוטין, אתה אחראי 
לכלול כמה שיותר תכונות נגישות. רבות מתכונות 
אלו, דרך אגב, קלות וזולות מאוד ליישוס. 


אתה יכול לבדוק חלק גדול מבעיות הנגישות בדרך 
פשוטה על ידי גלישה לאתר בדפדפן טקסטואלי 
בלבד. אס האתר נראה טוב ופועל טוב במצב זה, הוא 
יהיה נגיש בצורה סבירה עבור משתמשים עם סוגים 
רביס של מגבלות. כדאי גס לבקש מעיוור צבעיס 
לבדוק את כל הגרפיקה או לפחות לצפות בהן בעצמך 
בגרסת האתר בגוון אפור (678/569|6). 


בסופו של דבר, הדרך הטובה ביותר לבצע מחקרי 
שימושיות היא עם משתמשים שיש להם מגוון 
מגבלות, אך משוס שיש כל כך הרבה סוגי מגבלות 
שצריך להתמודד איתן, זוחי אינה עצה מעשית, פרט 
למקריס בהס מדובר באתר שעוסק ספציפית 
במשתמשים מוגבלים. 
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נוימועש בינלאומי: 
מתן שירות לקהל 
מרחבי העולם 


לא לחינם קוראים לה 60/\ 6סו/\ 6!זס/\. לחיצה אחת יכולה להעביר 
אותך לאתר בארץ אחרת, וכל עסק יכול למשוך לקוחות ממדינות 
ברחבי העולם ללא צורך להגיע פיסית למדינות אלו. 


החשיפה הבינלאומית חסרת התקדים שנוצרה בזכות האינטרנט, 
מגדילה את אחריות המעצבים להבטחת השימושיות גם עבור לקוחות 
בינלאומיים. שימוש בינלאומי כבר איננו בבחינת תופעה יוצאת דופן. 
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רוב חברות המחשבים עושות את מחצית מכמות 
המכירות שלהן בארצות אחרות, ויש כמה ספריס 
שפורסמו ואשר יעצו למעצביס ליצור את ממשקי 
המשתמשיס שלהס בצורה שתתאים לכל מקוס 
בעולם. בשנת 1997, כ-80% ממשתמשי האינטרנט 
היו תושבי ארצות הברית וקנדה. בשנת 1999, חלקן 
של ארצות הברית וקנדה בנתח המשתמשים ירד 
ל-55%. אני די בטוח שמצב המשתמשים יגיע לחלוקה 
שווה בין משתמשי צפון אמריקה ושאר חלקי העולס 
במהלך שנת 2000. השאלה היחידה היא אם זה יקרה 


בתחילת השנה או בסופה. סביר להניח שהמצב 
יתהפך עד שנת 2005, כאשר כ-20% מהמשתמשים 
יהיו תושבי צפון אמריקה ואילו השאר, כ-80%, יהיו 
משאר חלקי העולם. 


אני צופה שבשנת 2010 לערך, כמות המשתמשיס 
באינטרנט תגיע למיליארד, והחלוקה שלהס תהיה 
כ-200 מליון בצפון אמריקה, 200 מליון באירופה, 
0 מליון באסיה ו-100 מליון בשאר רחבי העולסם. 
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המקרא 
מתחיל מחלק 
זה בכיוון 


השעון 








ברור שמודעה זו לא פותחה 
תוך התחשבות במשתמשים 
בינלאומיים. בכחצי ממדינות 
העולם, מתג תאורה במצב 
כמו זה שבמודעה מייצג מתג 
מופעל. העובדה היא שיש 
הרבה מאוד הבדלים מהותיים 
בין המדינות והתרבויות 
השונות בעולם, וזוהי אחת 
הסיבות העיקריות לביצוע 
בדיקות משתמשים 
בינלאומיות, כמתואר בהמשך 
פרק זה. 


למרות שניתן להימנע מבעיות 
קשות רבות על ידי קריאת 
מדריך סטנדרטי ליצירת 
ממשק בינלאומי לתוכנה, 
ישנם דברים קטנים יותר, 
למשל: בישראל קוראים לזה 
083 6% ובגרמניה 

11% 60!3 (וזה לא כתוב באף 
מדריך). 


בינלאומיות מול מקומיות 


בפיתוח מסורתי של תוכנה, יש הבדל בין 
הבינלאומיות למקומיות. המונח בינלאומיות 
(ח0ו8!!280חסוזהח%67ח1) מתייחס לעיצוב יחיד שניתן 
להשתמש בו ברחבי העולם, ומקומיות (ח068|28%0 |) 
פירושה יצירת גרסת דף מותאמת במיוחד למדינה 
מסוימת. הבינלאומיות דורשת שימוש בשפה פשוטה 
יותר, שמשתמשים שאינס דובריס אותה כשפת אס 
יוכלו להבין, ואילו המרת הדף למקומי לרוב דורשת 
תרגוס. באינטרנט, כדאי יותר ליצור דפיס 
בינלאומייס מאשר מקומיים, משוס שברוב המדינות 
אין מספיק משתמשים כדי להפוך את העניין ברמה 
המקומית לכדאי. 


לעיתיס מקצריס את המילה ח2800ווהַחסוהחזס+ח1 
ומשתמשיסם בקיצור א118 (האות הראשונה 
והאחרונה, ואזכור 18 האותיות שביניהן). באותה 
הצורה, לעיתיס מזכיריס את המילה ח1068|280₪0 על 
ידי הקיצור א110. אני לא אוהב קיצוריס אלה ולא 
אשתמש בהם בספר זה. 


עיצוב בינלאומי 


רוב ההנחיות לעיצוב בינלאומי באינטרנט דומות 
לאלו שבעיצוב תוכנה מסורתי: אל תשתמש בסמליםס 
שמפורשיס על פי שפה מסוימת, אל תשתמש 
בדימוייס (160800015!) מהשפה שלך וכוי. פרק זה 
יבחן חלק מהנושאיס הספציפיים ל-60/\. 


משתי בחינות, קל יותר לעצב ממשקי משתמש 
בינלאומייםס עבור ה-60/\ מאשר עיצוב ממשקיס 
כאלה עבור תוכנות מסורתיות. ראשית, ל- ₪ יש 
הרבה קודי תוויס בינלאומיים, הבנוייס בתוכה 
מלכתחילה כחלק מהעובדה שהיא פותחה בשוולא. 


שנית, דפי 60/\ לא מעוצבים על פי סידור 6+/ו51צצ\ 
נוקשה, אך הס מאפשרים גלילה והתאמה של כל דף 
באתר למחשב המשתמש, ולכן קל להמיר את 
העיצוביס לשפות עם מילים ארוכות, כגון גרמנית. 
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התאמת אתר ססח8ץ לגרמנית לא דרשה עיצוב מחדש של 
ממשק המשתמש כולו. למרות זאת, הגירסה הגרמנית אינה 
המרה פשוטה, מילה במילה, של הדף המקורי. לדוגמה, 
קטגוריית הספורט בגירסה הגרמנית מכילה קישור לכדורגל 
(ווהּפ8טח), שאינו מופיע בגירסה האמריקאית. 


6 עיצוב ממשק באינטרנט 
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8 עיצוב ממשק באינטרנט 


לדוגמה, בעיצובי ממשקי 601 היה כלל לפיו יש 
להוסיף לשטח תיבות דו-שיח עוד 30% משטח 
הטקסט, כדי לאפשר את הרחבתו במידה ויהיה צורך 
להמיר אותו לגרמנית. ב-69/\, ניתן לתרגס דפיס 
לשפות אחרות, והסידור שלהס יתכוונן אוטומטית 
ויתאיס את עצמו למיליס ארוכות. הנושא החשוב 
ביותר, שצריך לזכור בעיצוב דפי פ6/\ שמיועדים 
לתרגוס הוא לא ליצור עיצוב מוגזס ועמוס עד כדי כך 
שהדף לא ייראה טוב, אס חלק מהמילים יזוז למקוס 
אחר, או אס כמה תאי טבלה יתרחבו. 


ב-60/\ יש עוד עניין חדש יחסית לעיצוב תוכנה 
מסורתית: האינטרנט מאפשרת פעולות הדדיות בזמן 
אמת. לדוגמה, ניתן לבצע שיחות עס אנשים ולהציג 
תוצאות מתחרויות ספורט שונות בזמן אמיתי. 
תכונות אלו דורשות ממשקי משתמש שמאפשרים 
לגולשיסם מכל רחבי העולס להשתתף בפעולה בו- 
זמנית. עס ואת, עליך להיזהר. כשאתה מכרי על 
אירוע שמתרחש בזמן אמת, אינך יכול פשוט להגיד 
שהוא יקרה בשעות 30-4:00 :2. ראשית, האס מדובר 
ב-30 :2 בבוקר או אחר הצהריים: שנית, איך הגולש 
מתרגם את הזמן שפרסמת לזמן המקומי שלוז נכון 
שלא נהוג להתחיל אירוע בשעה 3:0 :2 בבוקר, אך אס 
הזמן המקביל במדינה אחרת הוא 3:0 :11 בבוקר, 
הדבר נראה הגיוני יותר. 


כל הזמניס המפורסמים בדף 60/\ צריכים - 
כמינימוס - להבהיר תמיד אס הם ניתניס לפי מערכת 
שעות |0/וה או לפי מערכת של 24 שעות (במקרה של 
מערכת |אם/ה, יש להוסיף את צמד האותיות 
המתאים) וקו האמן שהס מתייחסים אליו. ציוני קווי 
זמן (כגון דס=) לא מובניס ברחבי העולם, ולכן עליך 
להודיע לגולשיס מה ההבדל בין הזמן שציינת לזמן 
זוא הסטנדרטי. משתמשים רבים לא מבינים גס את 
משמעות המונח ד6, ולכן כדי לשפר את השימושיות 
יש צורך בתרגוס הזמן לזמניס מקומיים בכמה 
אתרים עיקריים. לדוגמה, אתה יכול לציין שפגישה 
מסוימת תתחיל בשעה ה1:000 לפי זמן ניו יורק 

(5- ד61), שעה 19:00 לפי זמן פריס ו-3:00 ביוס 
למחרת בטוקיו. 


איו לפרסס את תאריך האירוע בציון כגון 4/5. האס 
מדובר בחמישה באפריל או בארבעה במאי! תמיד 
עדיף לאיית את שס החודש בתאריכים שמופיעים 


בפורמט קצר, אותס משתמשים רבים עלולים שלא 
להבין. רשוס 00-ץ18\-04 ולא 04/05/00. 


שינוייס אחרים כולליס ציון סוג מטבע (%1,000 מול 
0), סמל או קיצור המטבע, ויחידות מידה 
(יארדיס מול מטרים). 


בדיקה בינלאומית 


בדיקה בינלאומית היא דרך מצוינת להבטיח את 
שימושיות עיצוב ה-65/\ ברחבי העולס. לצורך ביצוע 
בדיקה בינלאומית, יש לדאוג לכך שהעיצוב שלך 
ייבחן וינותח על ידי גולשיס מארצות שונות, אשר 
יציינו אס עלולות להתעורר בעיות בהצגת הדף 
במדינה שלהם. בניגוד לבדיקות משתמש בינלאומיות 
(שמתוארות בסוף הפרק), בדיקה בינלאומית בנויה 
בחלקה מניחושיס, משוס שהיא אינה מערבת 
משתמשיסם אמיתייס שמבצעיס משימות אמיתיות, 
אך היא לפחות מביאה לניחושיס מלומדים. 


עדיף שהבודקיס בבדיקה הבינלאומית יהיו מומחי 
שימושיות ממגוון ארצות. רוב יועצי השימושיות 
מבצעיס בדיקות שימושיות כחלק מעבודתם 
היומיומית, ולכן הס אמורים להיות מנוסיס במתן 
חוות דעת מעין זו. 


האם שם ה-חוזגּוווסע חייב להסתיים ב-601. ? 
השאלה הנפוצה ביותר שאני נשאל בזמן הרצאות ברחבי העולם היא אם כדאי להשיג שם 
חוהוחסכ עם סיומת וחס6. או להשתמש בסיומת הארץ (כגון 6ט., 59., 66. !ו. וכדומה). 


לרוע המזל, משתמשים רבים התרגלו לראות בסיומת "חסס." סיום סטנדרטי לאתרי 60/\ 

מסחריים. הרגל זה נובע מהימים בהם החברות האמריקאיות שלטו ב-6\\ עד כדי כך שחלק 

מהדפדפנים הוסיפו, באופן אוטומטי, את הסיומת וח0ס6. לכל שם. עצתי היא, בהתחשב במצב: 

% אם האתר שלך דובר אנגלית והוא מיועד בבירור למשתמשי העולם כולו, השג לעצמך 
חוהּוחסכ עם סיומת חסס. . 

4 באתרים שמשתמשים בשפות אחרות, השתמש בסיומת מתאימה על פי הארץ. 

% באתרים שבנויים בעיקר עבור קהל מקומי, שמכסים נושאים מקומיים או מוכרים מוצרים 
מקומיים, השתמש בסיומת הארץ, ללא קשר לשפה בה אתה משתמש באתר. 


אני ממליץ להשתמש בסיום המקומי (ןו.60. בישראל) עבור אתרים מקומיים משום שתהיה זו 
הטעיה להשתמש בסיום "בינלאומי" עבורם. כיום, מתפתחים שירותי מסחר אלקטרוני 
ושימושים אחרים ב-60/\ ברחבי העולם כולו. במצב מעין זה הגולשים מתחילים לצפות 
לסיומות מקומיות של אתרים מקומיים, והם לא ינסו להקליד את הסיומת וחסס. כדי להגיע 
לשירות מקומי. היכולת לספק שירות מקומי היא עניין חשוב בשיווק ומכירה, ולכן עדיף 
להשתמש בסיומת הארץ כדי למשוך גולשים מקומיים, אלא אם בעל האתר רוצה ליצור 
במכוון אשליה מטעה. 
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(בעמוד הבא) כל מי שמגיע 
לאתר זה ממנוע חיפוש, 
מצפה שהוא יהיה מדריך 
טיולים כללי לצרפת. 
משתמשים עם חוש טכני 
עשויים לבדוק את כתובת 
ה-081 של האתר ולגלות 
שהסיומת שלה היא ז6ח., דבר 
שמעיד על אתר בינלאומי או 
אמריקאי. למעשה, אתר זה 
ממוקם באוסטרליה והוא 
מיועד לסייע לאזרחים 
אוסטרלים לטייל בצרפת. 
הבלבול נגרם משתי שגיאות 
עיצוב: מיקום האתר תחת 
שם שגוי וחוסר בכותרת כגון 
"חן ט68זטם פוט ד ה6ח6ז= 
88| פטה". 


0 עיצוב ממשק באינטרנט 


בכמה ארצות יש קושי למצוא יועצי שימושיות, אך 
בצפון אמריקה, רוב ארצות אירופה ובארצות 
המובילות באסיה יש יועציס רביס כאלה, שניתן 
ליצור אתס קשר באמצעות קבוצת הדיון 
טח ו 60 באינטרנט. 


אס אינך מוצא יועצי שימושיות או שאין לך תקציב 
כדי לשכור אותם, ניתן גס להשתמש בגולשיס 
מארצות שונות, שאין להס ידע בשימושיות. משרדי 
המכירות המקומייס של החברה שלך יכוליס לשמש 
פעמים רבות כמקור להשגת כוח אדם ומין לבדיקות 
בינלאומיות, ואתה יכול פשוט לשלוח להס את 
כתובת ה- ₪1( של עיצוב הטיוטה שלך ולבקש הערות. 
כשמומחי שימושיות מבצעיס את הבדיקה 
הבינלאומית, ניתן לשלוח מפרט ממשק משתמש 
שעדיין לא הגיע לשלב העיצוב. המשוב הבינלאומי 
שתקבל בשלב מוקדם זה מגדיל את הסיכוי למצוא 
בעיות עיקריות, בזמן שעלות התיקון שלהן עדיין 
נמוכה. אס אתה עובד עס בודקים בינלאומיים 
שאינס מומחים לנושא, מומלצ לרוב לתת להם דוגמת 
אב טיפוס, משוס שהס עשוייס להתקשות בקבלת 
תמונה של ממשק המשתמש מתוך מפרט כתוב. אין 
צורך לדאוג שכל הקישורים יעבדו או שהתמונות 
יושלמו. להיפך, עדיף לתת לעמיתיך מהארצות 
האחרות לבדוק גירסה ראשונית של העיצוב. 


הדברים שמתגלים הרבה פעמיסם בבדיקות 
בינלאומיות הן שהלוגיקה העסקית שלך שונה 
לחלוטין מהדרך שבה לקוחות במדינות אחרות 
עושיס עסקים. עליך לדעת את הדבריס האלה לפני 
שתשקיע יותר מדי מאמצים ביצירת גישה מסוימת 
באתר שלך, ולפני שעיצבת את כולו בפרטי פרטיס. 


אתרים מתורגמים ורב לשוניים 


הדרך העיקרית להפיכת אתרי ט6/\ למקומייס היא 
לתרגס אותס לשפות הנפוצות ביותר. אתה יכול 
לראות, על ידי ניתוח קבצי ה-108 של השרת, אם יש 
קבוצה גדולה של משתמשים מארצות מסוימות. 
במידה ומתגלה קבוצה כזאת, יש כדאיות בתרגוס 
האתר לשפה אותה הקבוצה דוברת. עס זאת, אינך 
יכול לסמוך רק על קבצי ה-108 כדי לבחור 
באפשרויות התרגוס, משוס שיש בוודאי משתמשיס 
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אתר שנת 1998 של 
5וחץ!0 סחהּחָב3\! עשה ניסיון 
מעניין לשלב שתי שפות 
רשמיות בדף ראשי יחיד. 
למרות שהעיצוב מעביר את 
ההתרגשות והתנועה 
שבמשחקים, בסופו של דבר 
הוא מבלבל מדי, בשל כפילות 
השפות בצורה בה הוא עוצב. 
עדיף לאפשר לגולשים להציג 
דף בשפה אחת, ולתת להם 
אפשרות לבחור שפה אחרת. 
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רביס שלא מתכווניס להיכנס לאתר שלך עד שהוא 
יופיע בשפה שלהם. למעשה, אס קבצי ה-108 יספרו 
לך שארצות מסוימות לא מיוצגות כראוי יחסית 
לגודלן ומספר משתמשי האינטרנט שלהן, או יחסית 
לכמות הלקוחות שיש לך באותן הארצות, תוכל 
להתייחס גס לארצות אלו כמקומות שיש לתרגס 
עבורס את האתר. 


בעולס האידיאלי, היית מתרגםס את האתר כולו לכל 
אחת מהשפות שחשובות לקהל שלך, וכן היית מוסיף 
תוכן מקומי שמעניין את אותס האנשיס באותן 
המדינות. אס תעשה כך, כל תרגוס יהפוך בהכרח 
לאתר עצמאי, ורכיב הממשק המיוחד היחיד לו 
תודקק יהיה רשימת כל הארצות האחרות בכל אחד 
מהדפים הראשיים. עס זאת, לרוב החברות אין 
מספיק משאביס להשלמת התרגומים, ולכן הן נוהגות 
להשתמש במודל מעורב בו חלק מהדפיסם מתורגמיס 
וחלקס נשאר בשפה המקורית. גישה זו גורמת 
להפיכת אתר להיות רב לשוני בתוספת מאמצ קטנה 
שיכולה לפתוח דלתות גדולות. 


+חסרהס6טסו/] סוקרהץוכ) 6חד 


]דט 


| 5 
0 
והזו ו 


+ 
% 


שק 





0 


יוו 


בב 
5 פפו 











5 




















וו 
ו 
0 








שש ל 5 0-ו 7 6% 
ו 0 ,הסקכ) ההז 7 או 01 6ו51 1הו0/06 


= 






א | 5 005 


שיי, 





... 085א8וק 0) שד סא 





ץ 1% זסם זב טפע3ו 






ש5=ן/ים 5078 טהב הורת58 !ב הפוסבפוצחן 2 ' 








+ 


2 ₪ - 


9 2/9 הדי 


= 
אהזוג] 


ץ 3003 הזוס הוסחטורח 3| פוט 50 סנס א 





ץ ספזום 18860 







ססאטוו ₪ אם וזפו 


סטחטרח |8 ח8 1581 08 הטוסבּוזסזח! 35 בּזבק 
0 חפ פהסחום ץצ 315 חטש 58800008 


1 


ההזגרזסי1 688תופנום-6 ]113% 6מד 


ו וו וזו ₪ !ומת 16 סו א 











+ ימינ וק ריני ו 5 וטו >< אסוסההסקהס6 מו < 
למרות שרוב האתר הזה תורגם, המידע אודות וחטזס= 655חופט5-0 וה-687705 0ח0|8 לא תורגם. 
לרוב מספיק לציין קישור למידע לא מתורגם על ידי שינוי שפה פשוט כפי שנעשה כאן. 
לחילופין, ניתן גם להשתמש בסמל קטן שמציין קישורים שמצביעים לחומר בשפה אחרת. דבר 
זה יתאים במיוחד לקישורים שמוטבעים בתוך דפי טקסט, שם המעבר הפתאומי לשפה אחרת 


עשוי להיראות לא מתאים. 
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ה-ותט6פגו1] 81366 |החססבּו 
בטאיוון משתמש בדף ביניים 
בו המשתמש נדרש לבחור 
בשפה הרצויה לו, לפני שהוא 
נכנס לתוכן האתר. היתרון 
בגישה זו הוא שאפשרות 
בחירת השפה מוצגת בבירור, 
אך המחיר הוא הצורך להעביר 
את כל המשתמשים דרך דף 


בחירת שפה 


מבחינות רבות, ממשק המשתמש הבינלאומי 
האידיאלי הוא ממשק שזמין למשתמש בשפה 
המועדפת עליו. בסופו של דבר, בחירת השפה צריכה 
להיקבע על ידי החלפת מידע בין תוכנת הלקוח לשרת 
שלך, כדי שהמשתמש יצטרך לציין את השפה 
המועדפת עליו רק פעם אחת ולתמיד. כיום, החלפת 
המידע שנוגע לתוכן לא נמצאת בשימוש רחב מספיק 
כדי שניתן יהיה לסמוך עליה, ולכן אתרי ט6)\ רביס 
משתמשים באפשרויות ידניות לבחירת שפה. 


שלוש הדרכים הנפוצות ליישוס אפשרויות בחירת 
השפה הן להשתמש בדף ביניים, להוסיף תפריט שפה 
לדף הראשי, או להוסיף תפריט שפה לכל הדפיס 
הבאים אחריו. אני מעדיף להשתמש בדף בינייס רק 
כשקשה להחליט על שפת ברירת המחדל עבור הדף 
הראשי. בסופו של דבר, אם תבחר בשפת ברירת 
מחדל טובה, כל מי שיעדיף את השפה הזו יוכל 


נוסף. להשתמש באתר ללא השהיה. 
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כדאי להשקיע מאמץ נוסף 
כדי להבטיח שההוראות 
בבחירת השפה יתורגמו כראוי 
לכל אחת מהשפות 
המתאימות. אם דף ראשוני זה 
מקרין רמה עלובה של עבודה 
בשפה מסוימת, משתמשים 
דוברי אותה שפה לא יטרחו 
להיכנס לאתר, גם אם שאר 
חלקיו מצוינים. אתה מוזמן 
לקרוא את הכיתוב באנגלית. 





80.60 ,שש 
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בם=/ו\ מכו/תרכ ובזכו/תו 
תמכ]מבן מואזכוו-1 


-[!!1תפידזוו6 [!יזסעו 178 הו פיזטעיז5 עו1 5עוםח5 הסוזב3-זטקזם.] סב א , עופאו 












אס נתחשב באיטיות הניווט ב-פ6/\, כל מה שיחסוך 
למשתמשים צפייה בדף מיותר מהווה שיפור גדול 
בשימושיות האתר. טיעון אחר בזּכות שפת ברירת 
מחדל בדף הראשי הוא שלרוב, משתמשיס שלא 
מעדיפיס את השפה הנבחרת עדיין יכולים לקבל 
מושג מסויס אודות נושא האתר. לפיכך, משתמשים 
אלה יכוליס לקבל החלטות מלומדות יותר, ולדעת 
אס הם מעונייניס לבקר באתר ואס הס מוכניס 
להמתין לטעינתו בשפה שלהסם. 


אני ממליצ לאפשר בחירה בין השפות על ידי רשימה 
שמכילה את שס השפה כמילה, ולהשתמש בשפה 
עצמה כדי לבטא את שמה: לדוגמה, ח9115חם, 
5הסחהּז.. 


הסמל החזותי בו משתמשים לרוב כדי לציין שפה 
הוא דגל, אך לרוע המזל, דגלים מייצגים מדינות ולא 
שפות. הבעיה בשימוש בדגלים כסמלי שפות היא שיש 
כמה שפות שמדוברות במדינות רבות, וכן יש כמה 
מדינות שמדבריס בהן שפות שונות. לדוגמה, השימוש 
בדגל ארצות הברית כדי לציין אנגלית ירגיז כנראה 
את האנגליס (בסופו של דבר, הס המציאו אותה...), 
וכן ירגיו את הקנדיס ותושבי ארצות אחרות. כמובן 
ששימוש בדגל קנדי לא יפתור את הבעיה משוס 
שקנדיס רביס הס דוברי צרפתית. 
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שפת ברירת המחדל של מוזיאון ה-וטטס! היא צרפתית (וכי 
מישהו חשב אחרת ?!), כשבדף הראשי יש אפשרויות 
ברורות לעבור לאנגלית, ספרדית, פורטוגזית ויפנית. אני 
הייתי מסיר את האפשרות לבחור בצרפתית משום 
שאפשרות זו כבר פעילה, היא מבלבלת את המשתמשים 
ומעמיסה על הממשק. בנוסף, היה עדיף להבליט יותר את 
אפשרויות בחירת השפה מאשר רכיבים אחרים בדף (אבל 
בזה הצרפתים הרי לא מעוניינים, נכון?). אם אתה מניח 
שהמשתמשים אינם יכולים לקרוא את הדף שלך, אין צורך 
לדרוש מהם לסרוק את כל האפשרויות, כדי למצוא כיצד 
הם יכולים לשנות את השפה. 
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האם אתה תוהה כיצד המשתמשים הגרמנים מרגישים 
ביחס להבלטת הדגלים בדף זה? הסיבה לעיצוב הזה היא 
כנראה משום שאנגלית וצרפתית הן שתי השפות 
"הרשמיות" של הגביע העולמי, ומשום כך הם גדולים יותר. 
היה עדיף לציין זאת במפורש, עם שתי כותרות: שפות 
רשמיות ושפות אחרות. אם הגרמנים היו מוצאים קישור 
לגירסה גרמנית תחת כותרת משנית, זה היה נותן להם 
תחושה טובה כלפי השירות הנוסף שהם מקבלים במקום 
התחושה הרעה שהדגל המוקטן נותן להם. 
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אתר הפרלמנט האירופי משתמש בתפריט יוצא דופן 
לבחירת שפה. שורה של לחצנים עם קיצורי השפה בני שתי 
האותיות בפינה הימנית-עליונה של כל דף מעבירה לכל 
הגרסאות המתורגמות שיש עבור הדף הנוכחי. אם אין דף 
זמין בשפה מסוימת, תיבת השפה המתאימה אפורה ולא 
ניתן ללחוץ עליה. סכמת הניווט אינה ברורה מאליה, אך יש 
בה הגיון אם עושים בה שימוש עקבי. 
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הדף הראשי של אתר הפרלמנט האירופי מכיל אפשרויות 
בחירת שפה בולטות יותר מאשר אלו שבדפים הפנימיים. 
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לחברת 66א |ששפזד יש את 
הכמות הגדולה ביותר של 
שפות שראיתי. השימוש בדגל 
אנגליה (ולא בדגל בריטניה) 
כדי לסמל את השפה 
האנגלית עשוי להיות נכון 
מבחינה היסטורית, אך הוא 
אינו שימושי כל כך. בנוסף, 
שם השפה הפורטוגזית שגוי. 
האיות הנכון הוא 65טפטצזסס, 
עם הסימן *. יש חובה לכלול 
את הסימנים המיוחדים של 
כל שפה בעיצוב בינלאומי. 
פעם הבאתי את האתר הזה 
כדוגמה בשיחה משום שרציתי 
להעיר על עניין הדגל האנגלי, 
אך אדם מהקהל, דובר 
פורטוגזית, העיר את תשומת 
לבי לשגיאת האיות בשם 
השפה. כמובן שהגולשים 
יבחינו בשימוש לא נכון בשפה 
שלהם, וכמובן שזו טעות 
עיצוב לעשות כך. 
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ניתן להשתמש בסמלים חלופיים שמתאימיס 
לדימוייס לאומיים. הדבר עשוי להיות משעשע, אך 
יש להיזהר שלא לפגוע בקהל הגולשים (לדוגמה, לא 
כל האמריקאיס חובשים כובעי קאובוי). לרוב, עדיף 
להימנע מסמלים שמיועדים לבחירת שפה, ופשוט 
לספק רשימת שמות שפות פשוטה. 


עם זאת, עדיין ניתן להשתמש בדגלים שמתאימיס 
למיקוס הגיאוגרפי של השירות וקהל היעד שלו. 
לדוגמה, אתר תיירות שנמצא באירופה אמור 
להשתמש בדגל בריטי כדי לציין שפה אנגלית, אלא 
אס הוא מכוון בעיקרו לתיירים אמריקאים, ואילו 
אתר תיירות אמריקאי אמור להשתמש בדגל ארצות 
הברית, אלא אס הוא מיועד ברובו לציבור האירופאי. 
כבר ראיתי מקרה בו השתמשו בדגל האנגלי (צלב 
אדוס על רקע לבן), אך חייתי ממליצ להימנע 
מהאפשרות הזו, שנראית נייטראלית למדי, משוס 
שרק חלק קטן מאלה שאינס גריס בבריטניה יודעיס 
לוהות את הדגל האנגלי, הסקוטי וכוי. 


בין אס בחירת השפה הראשונית נעשתה באמצעות דף 
בינייס ובין אס בדף הראשי, יש תמיד לתת למשתמש 
את האפשרות לבחור בשפה אחרת בדפיס הבאים. 


בנ 3[ תספסותש זנוסוץ תג 1161 [סל3דך ב[זס כ יס[ 2 13 3 תס 16%[ ) 
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אפשר את סימון 
הגרסאות המתורגמות 


יש להשתמש בכתובות 
]חש שונות עבור תרגומים 
שונים של אותו התוכן, 
כדי לאפשר למשתמשים 
לסמן את נקודת הכניסה 
המתאימה ולעקוף את 
תהליך בחירת השפה 
בפעם הבאה שהם יבקרו 
באתר. 








הסיבה העיקרית לכך היא שמשתמשים רבים נכנסיס 
לאתר דרך דפים ברמה נמוכה יותר, ולא דרך הדף 
הראשי (משוס שהם הגיעו אל האתר דרך מנוע חיפוש, 
או משוס שעברו לקישור ברשימת הסימניות שלהס 
או באתר אחר). המשתמשים עשויים לרצות גם לשנות 
את השפה במידה והס מסוגליס להבין כמה שפות, 
והס מרגישיס שהתרגוס של דף מסויס בשפה המועדפת 
עליהם אינו טוב. בעיקרון, ברור שיש להימנע מתרגוס 
גרוע, אך מעשית לא חייבים לתרגם הכל. 


ניתן לבחור את השפה הרצויה בדפי הרמה הנמוכה 
יותר באמצעות תפריט שמכיל את רשימת כל השפות 
הזמינות, כמו באתר |וקסזטם שהוצג קודם לכן. 
הסיכוי שהמשתמשים ירצו להחליף את השפה קטן, 
ולכן עדיף פשוט להציב אפשרות כמו יישנה שפה", 
ולקשר אותה לדף שמכיל את כל האפשרויות 
המתאימות. המעטה בכמות השפות מובילה לעיצוב 
דף נקי וקל יותר לשימוש, דבר שחשוב יותר מאשר 
הצורך להעביר את המשתמשים לדף אחר במקרים 
המועטים בהם הס מעונייניס לשנות את השפה. 


חיפוש רב לשוני 


החיפוש במרחבי מידע רב לשוניים מציג בעיות 
שימושיות מיוחדות. אס כל המידע היה מועתק לכל 
שפה, לא היה צורך בחיפוש ביותר משפה אחת. 
במקרה הזה, ממשק החיפוש ידע מהי השפה אותה 
מעדיף המשתמש, ויציג את התוצאות שמתאימות 
לשפה זו בלבד. 


לרוע המזל, לא ניתן לרוב לתרגם את כל המסמכים, 
ולכן אתרים רביס דורשים חיפוש על פני כמה שפות 
אס המשתמש זקוק לכיסוי מלא של המידע הזמין. 
נכון לעכשיו, חיפוש רב לשוני דורש מהמשתמש 
להקליד ידנית את המיליס הנרדפות של מונח 
החיפוש הרצוי בכל השפות הנדרשות. משימה זו אינה 
נוחה, והמשתמשים שוכחים לרוב לחפש מונחיס 
מתורגמים, אפילו אס הס דובריס כמה שפות. עדיף 
להניח למחשב לבצע חיפושיס רב לשונייס 
אוטומטיים על ידי הבנת משמעות מונחי החיפוש 
בכמה שפות. שיטה זו קלה יותר מבעיית התרגוס 
הטבעי לשפות המקומיות (לדוגמה, לא בטוח שהמונח 
'*06ז'' יתייחס למוסיקה, אס משתמשיס בו באתר 
גיאולוגיה), וישנן כמה מערכות ניסיוניות שכבר 
הוכיחו ביצועיס טוביס בחיפוש רב לשוני. 
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הבהר בצורה ברורה אם 
אתה מעוניין לתת שירות 
רק לשוק המקומי, כדי לא 
לבזבז את זמנם של 

הגולשים מארצות אחרות. 


2 עיצוב ממשק באינטרנט 


הבדלים אזוריים 


לרוב, העובדה שאתרי פ6/\ מושכיס אליהס 
משתמשיס מרחבי העולס מהווה בעיה. אתה עשוי 
לטעון שבעיה זו דווקא רצויה, אך ישנן חברות 
מסוימות שלא מעוניינות בעשיית עסקיס 
בינלאומיים. אם יש לך אתר כזה, הבהר בצורה 
ברורה אס אתה מעוניין לתת שירות רק לשוק 
המקומי, כדי לא לבזבז את זמנס של הגולשיס 
מארצות אחרות. 


בנוסף, לחברות רבות יש מוצריס שנראיס אחרת 
כשהס משווקיס בארצות שונות, ולקוח שניגש, 
לדוגמה, לאתר 2ח06065-86ז16!] עשוי להתאכזב אס 
יגלה שחלק מהדגמיס לא מיועדים למכירה מחוצ 
לגרמניה. כדאי לציין את הדגמיס השונים, מחיריס, 
או נהלי אספקה מכווניס גס לארצות אחרות. 


חלק מהחברות דורשות מחיר שונה (לרוב גבוה יותר) 
מקוניס מחוץ לארצן. עדיף שעסקיס בינלאומיים כגון 
אלה שפועלים ב-60/\ יתייחסו לכל הלקוחות במידה 
שווה, בין אס הס גריס באותה הארצ ובין אס הס 
לא, אך לא תמיד ניתן לעשות ואת. ייתכן ויש לשנות 
את מפרט המוצר עקב תקנות מקומיות, וכן הסכמי 
השיווק הקיימיס עשויים להכתיב מחיר שונה. 


עדיף לטפל בשינוייס אזוריים באותה הצורה בה 
מטפלים בשינויי שפה. כלומר, התחל במדינה 
שמהווה את ברירת המחדל, וספק רשימה של מדינות 
נוספות בדף הראשי, שהמשתמשים יוכלו לבחור 
מתוכן. יתרה מזאת, כל דף שמתאר משהו שאינו 
זהה בארצות השונות צריך להכיל קישור לדף 
שמאפשר לגולשיס לעבור לאותו הנושא מנקודת 
הראות של מדינה אחרת. 


אתרי פ6/\ מסוימיס נוטיס להסתיר את ההבדליס 
האזוריים, על ידי כך שהס מאפשריס למשתמשיס 
גישה רק לדפיס שמתארים את מפרטי המוצר 
ומחיריס שמתאימים לאזור בו הס גריס. לעיתיס 
ניתן לעשות את על ידי בדיקת כתובת ה-ק1 של 
המשתמש. לפי ה-ק1 של המשתמש ניתן לזהות את 
שיוכו הגיאוגרפי. משתמש שגולש מגרמניה, לדוגמה, 
יקבל רק את המחירים בגרמניה, ולא את המחיריס 
בארצות הברית. אני מעדיף שלא למנוע 
מהמשתמשיס אפשרות לראות נתוני מחיריס 
מסוימיס באזוריס אחרים. 


בסופו של דבר, הגולש הגרמני עשוי לגלוש מתוך מטה 
חברה גרמנית שנמצא בתהליך הקמת סניף בארצות 
הברית, ולכן הוא וקוק למחיריס האמריקאיים. 
בנוסף, כולס יודעים שהמחירים שונים וה מזה 
ברחבי העולס, ולכן אין ממש צורך להסתיר 
מהמשתמשים את העובדה הזו. 


בדיקות משתמש בינלאומיות 


בשל הנושאיס הרביס שקשוריס בשימושיות 
בינלאומית, מומלץ לבצע בדיקות שימושיות 
בינלאומיות עס משתמשיס מכמה ארצות בחלקיס 
שוניס של כדור הארצ. אין עדיין הנחיות רשמיות 
מושלמות מספיק, המבטיחות שימושיות בינלאומית 
מושלמת, ולכן תמיד עדיף לבצע בדיקה בשטח. 
למזלנו, ה-60\ מקלה מאוד על ביצוע בדיקות 
שימושיות בינלאומיות. 


כמו בכל סוגי בדיקות המשתמש, שני הנושאיס 
העיקריים בביצוע בדיקות משתמשים בינלאומיות 
הס לערב משתמשיס אמיתייס ולתת להס לבצע 
משימות אמיתיות ללא סיוע מצדך. לרוב אתה יכול 
לגייס משתמשים לניסיון דרך משרדי החברה 
המקומיים שבאר הנבדקת, אך חשוב להדגיש בפני 
אנשי משרדיס אלה שאתה וקוק למשתמשים העושיס 
שימוש במחשב על בסיס יומי, ולא בלקוחות 
המיידייס שהמשרד יכול לספק. אס לא תציין צרכיס 
אלה בבירור, אתה עשוי לקבל תוצאות של משתמשי 
ניסוי שאינס מייצגים, ולא לזה התכוונת. 


התגברות על מחסום השפה 


בין אס אתה מגיע בעצמך לאר> הנבדקת או שאתה 
מבצע את הניסוי מרחוק, לרוב תהיה לך בעיית שפה. 
פתרון אחד לבעיה הוא לגייס משתמשים שדובריס 
את השפה שלך, גס אס הם אינס דוברים אותה 
בצורה שוטפת. פתרון זה אינו מושלס, אך הוא מעשי, 
ולרוב הוא הפתרון הקל ביותר ליישוס. הענייו החשוב 
כאן הוא לוודא שלא תקבל משתמשים לא מייצגים 
שלמדו, לדוגמה, כמה שניס במכללה בארצך ולפיכך 
הס התרגלו לביטוייס והמוסכמות המקומיים שלך, 
אותס אתה מעוניין להסיר מהאתר. 


ניתן גס לבצע את הבדיקה בשפה המקומית. דבר וה 
עשוי להתבצע בצורה טובה אס אתה דובר את השפה 
המקומית ברמה סבירה, אך לרוב יהיה עליך להיעזר 


פרק 7: שימוש בינלאומי: מתן שירות לקהל מרחבי העולם | 333 


אפשר זמן נוסף 
לביצוע המשימות 


משתמשי ארצות אחרות 
יזדקקו הרבה פעמים לקצת 
יותר זמן כדי להשלים את 
משימות הבדיקה בהשוואה 
למשתמשים מקומיים. לכן, 
לדוגמה, סדרת משימות 
שמשתמשים מקומיים 
יסיימו אותן ב-30 דקות, 
יבוצעו על ידי משתמשים 
מארצות אחרות ב-45 
דקות. מהי הסיבה לכך? 
כשבדקנו אתרי מסחר 
אלקטרוני אמריקאיים, 
המשתמשים האירופאים 
נאלצו לפענח את הממשק 
שנכתב בשפה זרה, ומשום 
כך הם הזדקקו לתוספת 
זמן. אפילו אם הם מבינים 
את המילים, עדיין עליהם 
ללמוד את תפיסות הניווט 
שמתאימות לדרך בה 
האמריקאים עושים עסקים, 
ולא לדרך בה האירופאים 
עושים עסקים. 


בסיכומו של דבר: הוסף 
% לזמן המתוכנן בכל 
משימה שאתה נותן 
למשתמשי ארצות אחרות, 
על פי תקציב הזמן שלך 
למחקר מקומי שמכיל את 
אותן המשימות. 





4 עיצוב ממשק באינטרנט 





במתורגמן. למרות שתוכל לרוב להבין מה מתרחש על 
המסך (משוס שאתה מכיר טוב את המוצר), הרבה 
מתוכן הערות המשתמשים יאבד בתרגום. עליך גס 
להיפגש עס המתורגמנים לפני הפגישה ולהזכיר להס 
שעליהס לא לסייע למשתמשיס במהלך הבדיקה. 


בעיית השפה תיפתר אס תסתמך על אנשים מקומייס 
שיבצעו את המחקר. אתה יכול להיוועצ במומחה 
שימושיות מקומי או לבקש סיוע מצוות משרד 
החברה שלך. כנראה שתקבל את הדוחות האיכותייס 
ביותר ממומחה לשימושיות, אך יש גס יתרונות 
בשיתוף הצוות המקומי שלך. פרט לכך שיותר זול 
לעשות ואת, אתה גס תשתף אותס בתהליך פיתוח 
המוצר, וסביר להניח שהס ילמדו הרבה מהבדיקה 
עצמה. כמו תמיד, אפשר לקבל מידע נוסף מביצוע 
מחקר שימושיות במקוס להסתפק בקריאת הדוח, 
ומידע וה עשוי לסייע לאנשיס בחברה שלך. 


אס אינך מבצע את הבדיקה בעצמך, בחירת משתמשי 
הניסוי המתאימיס קריטית במיוחד, משוס שלא 
תוכל לערוך שינוייס בבדיקה כדי להתאיס אותה 
למשתמשים, אס הס יהיו שוניס ממה שציפית. כדי 
להשיג משתמשי ניסוי מתאימים, עליך להדגיש את 
הצורך בגיוס משתמשיס מייצגיס כבר בתחילת 
ההתקשרות עס אלה שיבצעו את הבדיקות. למרות 
שתהיה לך כמות קטנה יותר של נתוניס מאשר 
במקרה בו אתה מבצע את הבדיקה בעצמך, תגלה 
שהבדיקות שבוצעו על ידי נציגיס מקומייס הן יעילות 
למדי. אפילו במקרים בהס הבדיקה נוצרה על ידי 
נציגי החברה (לרוב אלה מהנדסי תמיכה או אנשי 
מכירות), ניתן ללמוד הרבה דבריס מקריאת הדוחות 
שלהם. כל זמן שצוות המשרד נדרש לענות על 
תשובות שנוגעות לפיתוח מוצר, תהיה להס 
מוטיבציה גבוהה לעשות עבודה טובה ולכתוב דוחות 
בדיקה מקיפים. 


אס הבדיקה מתבצעת על ידי יועצי שימושיות מארצ 
אחרת, אתה יכול להניח שהם יודעיס את העקרונות 
הבסיסיים של בדיקות השימושיות, ועדיף לתת להס 
לבצע את הבדיקה בדרך המוכרת להם. לפיכך, 
בדיונים עס יועציס אלה עליך להתרכו בהסברת 
מטרת הבדיקה וטווח משימות הבדיקה. עדיף לתת 
ליועציס לפתח את המשימות המפורטות, כדי שהן 
יתאימו לצרכי המדינה הספציפית, למרות שניתן 
לחסוך כמה שעות חיוב בכך שתיתן להס סדרת 





משימות בדיקה ראשונית מתוך ערכת הבדיקות שלך. 
אס צוות המשרד המקומי שלך יוצר את הבדיקה, 
עליך להניח שהס אינס יודעיס דבר אודות שימושיות 
ושהבדיקה שלך תהיה בדיקת המשתמש הראשונה 
שלהם. משום כך, עליך לעצב את הבדיקה ואת 
משימות הבדיקה בעצמך, ולתת הנחיות מפורטות 
כיצד לבצע אותה, ואילו נתוניס אתה מצפה לראות 
בדוח. 


בכמה מדינות עליך לבצע את הבדיקה? 


עליך לקבוע כמה ארצות זרות אתה רוצה לכסות 
בבדיקות השימושיות הבינלאומיות. עדיף לכסות את 
כל המדינות בהן אתה מבצע מכירות (או כאלו בהן 
אתה רוצה להרחיב את המכירות). עס זאת, לרוב לא 
מעשי לעשות זאת אלא אס אתה עובד בחברה קטנה 
למדי שמייצאת רק למדינה אחת או שתיים. הפתרון 
הטיפוסי לכך הוא לבחון את השימושיות 
הבינלאומית בלפחות מדינה אחת או שתיים בכל 
אזור בחלקיס העיקריים של כדור הארצ. אס יש לך 
את היכולת להשקיע משאבים בכיסוי מדינה ורה 
אחת, עדיין עליך לעשות זאת. ניתן להפיק הרבה 
תועלת מביצוע הצעד הראשון הזה, והידע יועיל 
בהרבה מעבר למה שתלמד על המדינה הנבדקת. 


הודה למשתתפי הבדיקה 


אתה יכול לשמח את משתתפי הבדיקות על ידי כך 
שתתן להס שי או תשלוס בתמורה להשתתפותס 
במחקר. נהוג לעשות כך, אך יש לבדוק את גובה 
התשלוס או רמת השי על פי המנהגים המקומיים, 
ולכן כדאי לך לדון בנושאיס אלה מראש עס נציגיס 
של המשרד המקומי שלך. ניתן לקבל גס עצה בנושא 
מחברות שמתמחות בארגון קבוצות ממוקדות או 
מחקרי שיווק אחריס (לסוכנות הפרסוס שלך יכול 
להיות קשר מקומי, או שלמשרד המקומי שלך יכול 
להחיות כבר קשר משלו). לעיתים, עדיף לגייס 
משתתפיסם באמצעות חברות גיוס כוח אדם מקצועי 
ולציין פרופיל משתמש לו אתה וקוק למחקר שלך, 
משוס שחברות אלו יודעות לרוב הרבה יותר אודות 
מוצרים פיסיים מאשר מוצרים אינטראקטיביים. 
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הוסף כמה ימים 
לביקור שלך 


אם אתה נוסע בעצמך, ודא 
שאתה מתחשב בהבדלי 
השעות (פָ9] 26). עריכת 
בדיקות משתמשים היא 
חוויה אינטנסיבית ביותר: 
עליך לשים לב למשתמש, 
לממשק המשתמש, 
למשימות הבדיקה, להערות 
שלך, לכל צופה נוסף, ולכל 
ציוד וידאו בו אתה עשוי 
להשתמש - כל זאת בעת 
ובעונה אחת. בנוסף, 
הבדיקה עשויה להתבצע 
בשפה זרה, שתקשה 
להתרכז אפילו יותר. אני 
ממליץ לנצל את היומיים 
הראשונים של הביקור 
במשרדי החברה ובדיקת 
ציוד ותוכנה, כדי לוודא 
שהבדיקות יעברו בצורה 
חלקה. 





6 עיצוב ממשק באינטרנט 





שיטות בדיקה 


כמו בבדיקות שימושיות רגילות, ישנן כמה שיטות 
לבדיקת השימושיות הבינלאומית. הנה חמש הדרכיס 
העיקריות ליצירת בדיקת משתמש בינלאומית: 

6% בקר במדינה בעצמך. 

בצע את הבדיקה מרחוק. 

שכור יועצ שימושיות מקומי שיבצע את הבדיקה 
עבורך. 

תן לעובדיס מתוך צוות המשרד המקומי לערוך 
את הבדיקה, גס אס אינס מאומניס בנושא 
השימושיות. 


> תן למשתמשים לבצע בעצמס את הבדיקה ללא 
פיקוח. 


6 9 % 


בחברות גדולות בלבד, ניתן גס לבנות קבוצות שימושיות 
נוספות בשווקיס העיקריים של החברה. אפשרות זו 
היא הטובה ביותר, אך לרוב עלות הביצוע שלה גבוהה 
ממה שחברה מסוגלת לשלם. בנוסף, גס אס יש לך 
קבוצות שימושיות מקומיות בשווקים זּרים עיקריים, 
עדייו כדאי לבצע בדיקות נוספות בכמה מהשווקיס 
הקטניס יותר - שס תיתקל באותן הבעיות בשנית. 


בקר במדינה בעצמך 


מסיבות רבות, הדרך האידיאלית לביצוע הבדיקה 
היא לבקר במדינה ולבצע את הבדיקה בעצמך. 
כשתבקר לקוחות מקומיים במגוון מדינות, תקבל 
רושס חזק יותר מאשר קריאת הדוח המפורט ביותר 
שקיים. תמיד יהיו פרטיס קטניס אך חשובים שתגלה 
אס תגיע למקוס. 


הצפייה בלקוחות בסביבה שלהם מועילה, ולכן אני 
ממליץ לנסות לבצע את הבדיקה באתר הלקוח עצמו, 
אך לא תמיד ניתן לעשות זאת. לרוב תזדקק לציוד 
מיוחד, ולתוכנה שקשה להתקין אותה. בנוסף, תוכל 
לגשת לנתוניס רק ברשת החברה הפנימית (שהגישה 
אליה תהיה רק במשרדי החברה שלך). אס אתה 
מבקר באתרי הלקוח, נסה להשיג אישור להכנסת 
מצלמת סטילס, ולצלס את תנאי המבניס והעבודה 
שם. אס תתלה תמונות כאלו על קיר מעבדת הפיתוח 
שלך, תוכל להזכיר לכל חברי צוות הפרויקט שישנס 
צרכים שוניס במדינות שונות. 





אפשרות אחרת שתסייע לך לחסוך בעלויות היא לבצע 
כמה בדיקות לא רשמיות במהלך ביקוריס 
שמתוכננים מסיבות אחרות, משוס שאתה יכול 
להגיע לדף 60/\ מכל מקוס שבו אתה יכול להשיג 
מחשב. לדוגמה, לא מזמן היתה לי פגישה בשוודיה, 
בומן ששאר הצוות המשיך לעבוד על אתר משנה חדש 
בקליפורניה. לא זו בלבד שיכולתי לשלוח להס הערות 
על העיצוב תוך כדי התהליך, ניצלתי את ההזדמנות 
גם כדי לבדוק את תגובת המקומיים לאתר. 


אחת מהתוצאות שהתקבלו היתה שהגולשיס לא 
הבינו את ההבדל בין לחצן חסוטאוחזסזח1 ללחצן 
חסוז?ח6וחטססכ. בדיקות השימושיות הבינלאומיות 
מגלות הרבה פעמים בעיות שיכולות להופיע גס אצל 
משתמשיסם מקומיים. 


ביצוע בדיקות מרחוק 


ניתן לבדוק עיצובי פ6/\ בינלאומייס מבלי לצאת 
מפתח ביתך, ולחסוך עלויות מסע רבות. המשתמשיס 
יכולים לגשת לאינטרנט כמעט מכל מקום, ומשוס כך 
הס יכוליס לגשת לאתר שלך מבלי שתיאלצ להגיע 
למדינה שלהם כדי להכין את הבדיקה. אפשרות אחת 
היא לטלפן למשתמשיס ולבקש מהם לחשוב בקול 
בומן שהס מנווטיס באתר שלך (או באב טיפוס של 
הדפיס) מהמחשב שלהם. בהנחה שאתה יכול למצוא 
משתמשים בארצות אחרות אשר דובריסם את השפה 
שלך טוב מספיק לראיון טלפוני, שיטה זו מהווה דרך 
קלה מאוד לביצוע בדיקות בינלאומיות. 


אני מעדיף להשתמש בשיטת השיחות הטלפוניות 
במקוס ועידות וידאו, בשל תוספת התקורה שבהשגת 
ציוד וידאו והפעלת כל הטכנולוגיה הנוספת בזמן שאתה 
מנסה להסביר למשתמש כיצד להגיע לאתר שלך. 


תהליך ביצוע הבדיקה המרוחקת דומה לבדיקת 
משתמש רגילה: אתה מבקש מהמשתמשים לבצע 
משימה אחת בכל פעס ולחשוב על דרך הביצוע שלה 
בקול. ניתן להוסיף רשימת משימות לדף ס6\\. כל 
משימה אמורה להופיע בדף נפרד, ולא יחד עם 
המשימות האחרות, כדי למנוע מצב בו המשתמש 
קורא מראש את המשימה הבאה. אפשר לסיים כל דף 
בקישור למשימה הבאה. לחילופין, ניתן לשלוח 
למשתמשים מכתב בדואר רגיל עס הוראות בדיקה 
וסדרת משימות. בדרך זו, יש להכניס כל משימה 
למעטפה נפרדת, ויש להנחות את המשתמשיס שלא 
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לפתוח את מעטפת המשימה הבאה לפני שהסם סיימו 
את המשימה הנוכחית, משוס שהס אינס אמוריס 
יילתרגליי ביצוע משימות. בנוסף, יש למספר את 
המשימות בבירור (משימה 1, משימה 2 וכוי), וכן יש 
למספר את השורות המודפסות, כדי שניתן יהיה 
להתייחס אליהן אס יש פרטים לא ברוריס בדף. 


בעקרון, אתה אמור לעקוב אחר הגישה המרוחקת של 
המשתמש לשרת ה-פ6\\ שלך בזמן אמת, כדי לגלות 
באיזה דף הוא נמצא, ולהציג את הדף על מסך 
הדפדפן שלך בומן בו המשתמש צופה בו. נכון 
לעכשיו, אינני מכיר תוכנה שמקלה על פעולה זו. 
הרבה יותר נפוצ וגס פשוט לבקש מהמשתמש לציין 
בדיוק היכן הוא לחצ על המסך, ולנסות לשכפל את 
התנהגותו. ניתן גס להשתמש בתוכנת עצר, כגון 

8 66ז6א, שמציגה את מסך המשתמש. תוכנות עזר 
אלו מתאימות לבדיקות משתמש מרוחקות, למרות 
שלעיתים הן עובדות טוב יותר ברשתות אינטראנט או 
ברשתות מקומיות מאשר באינטרנט. 


אתה יכול לתקשר עס המשתמש באמצעות קישור 
קולי כגון טלפון או אינטרנט. למרות ששיחות הטלפון 
הבינלאומיות יקרות יותר, זוהי עדיין הדרך המועדפת 
ליצירת קשר קולי לבדיקת המשתמש המרוחקת. 
תוכנות הטלפוניה באינטרנט עדיין מגושמות ודורשות 
מהמשתמש להקדיש יותר מאמא להפעלת הערוצ 
הקולי מאשר לשימוש באתר ה-פפ/\ שלך. בנוסף, 
למשתמשים רבים בארצות אחרות יש חיבורים עס 
רוחב פס קטן, כך שהערוץ הקולי שתפתח באינטרנט 
יאט משמעותית את מהירות הגלישה שלהס באתר 
שלך. אס נתחשב בעלות שיחה בינלאומית, אתה הוא 
זה שאמור לשלס עבור השיחה, ועליך להבהיר זאת 
כשאתה יוצר אתו קשר לבחינת אפשרות הבדיקה. 


מעבדות שימושיות לבדיקות בינלאומיות 


לעיתים, מבצעיס בדיקות שימושיות במעבדות 
שימושיות מיוחדות. לרוב, לא ניתן יהיה למצוא 
מעבדות שימושיות בינלאומיות, משוס שרק חברות 
המחשבים הגדולות ביותר מחזיקות מעבדות שכאלו. 
הגישה הפשוטה ביותר להתמודד עס כך היא 
להסתדר ללא מעבדת השימושיות, ולסמוך רק על 
ההתרשמות הראשונית, פתקים ודוחות כתוביס. יש 
לעשות זאת בבדיקות שמבוצעות על ידי עובדי 


המשרד המרוחק, משוס שאי אפשר לצפות מהס 
להרכיב ציוד חדש וללמוד כיצד להשתמש בו. 


ישנס קשייס רביס שקשוריםס בשימוש במעבדות 
שימושיות בומן ביצוע בדיקות בינלאומיות, ולכן 
עדיף לרוב לוותר על המעבדה, אפילו במבחניס שאתה 
עצמך מבצע. לרוב, בעיות השימושיות העיקריות 
מתגלות בבירור מצפייה פשוטה במשתמש, ובין כה 
אין צורך לבזבז זמן על צפייה בקלטות וידאו. אני 
מעדיף, פעמיס רבות, להשתמש בתמונות סטילס 
במקוס בצילומי וידאו. קל הרבה יותר להפיק תמונות 
אלו, במיוחד בעזרת מצלמה דיגיטלית שמייצרת 
קבצי תמונות, אותם ניתן להעביר ישירות לאתר 
הפנימי שלך יחד עס דוח הבדיקה. התמונות 
מסבירות את הדוח בצורה ברורה וקלה לזכירה, 
במיוחד עבור אלה שלא נסעו יחד אתך למדינה 
המרוחקת. 


מצד שני, לבדיקות המשתמשים הבינלאומיות יש 
מאפייניס שמצריכיס הקלטה רשמית בצורה 
שמופקת במעבדה. ראשית, המשתמש עשוי לדבר 
בשפה זרה, ולכן יש צורך להציג מחדש את ההקלטה 
כדי להבין מה הוא אמר. אס יש צורך לקבל תרגוס 
מלא כדי לדעת בדיוק מה קרה, יש צורך לספק 
למתרגס הקלטה של הערות המשתמש. שנית, מגבלות 
פיננסיות קובעות לרוב כי רק חלק קטן מהאנשיס 
אכן נוסעיס למדינה הגרה כדי לבצע את הבדיקה. 
לרוב, חברי הצוות האחרים מקבליס הזדמנות לבצע 
את כל הבדיקות שהם זקוקים להן, ובכך הס 
מקבלים מושג טוב אודות הדרך בה המשתמשים 
עושיס שימוש במוצר שלהם. מכיון שרוב חברי הצוות 
ישתתפו באתר הבדיקות הבינלאומיות, הקלטת 
וידאו תהיה דרך להעביר את חוויית המשתמש 
המרוחק טוב יותר מאשר דוח כתוב. 


אס אתה נעזר ביועצי שימושיות זריס שמבצעים את 
הבדיקות שלך, ייתכן שתהיה להס מעבדה משלהם או 
שיש להס קשריס מקומייס שמאפשריס להס לשכור 
מעבדה בקלות. במקרה מעין זּה, חישובי העלות 
ישפיעו במידה רבה על ההחלטה אס עליך לדרוש 
שימוש במעבדת שימושיות עבור הבדיקה. אס אתה 
מחליט לשלם עבור מעבדה, אני ממליץ לשלם גס 
עבור עריכת קטעיס נבחריס מההקלטה (שוב, כמובן, 
כתלות במחיר). מהבחינה המעשית, כנראה שיהיה 
עליך לצפות בשעות רבות של וידאו, בו המשתמשיס 
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0 עיצוב ממשק באינטרנט 


מדבריס בשפה זרה, כשכבר יש לך דוח המכיל את 
הממצאים העיקרייס. עדיף בהרבה לצפות בקטעיס 
קצרים יותר של האירועיס הללו שמתייחסיס 
לתגליות המפתח. בנוסף, אס אתה מקבל הקלטה 
ערוכה, נהוג לכלול בה תרגוס של השפה והוספת 
כותרות משנה. ניתן להציג את ההקלטה בצורה זו 
לאנשי הנהלה ולחברי צוות אחריס בפרויקט. 


יש להתחשב בכך שההקלטה הערוכה עשויה להגיע 
בפורמט וידאו אחר מזה בו אתה משתמש במקוס 
מגוריך. הבעיה הנפוצה היא 41 (רוב חלקי אירופה) 
מול 56דא (אמריקה ויפן), אך השימוש בשני 
פורמטים אלה נפוץ מאוד, ולכן רוב הסיכוייס 
שתעבוד עס מכשיר וידאו שיודע לפענח את שני 
הפורמטים. אם אין ברשותך מכשיר כזה, אתה יכול 
להשתמש בשירותי המרת וידאו חיצוניים, כדי להמיר 
את הקלטת לפורמט המקומי שלך, תמורת סכוס 
צנוע. מומלצ להשתמש בשירות מקצועי משוס 
שהשאיפה היא לשמור כמה שיותר מאיכות המקורית 
של הנתונים, כדי שתוכל לראות מה קורה על המסך. 


אס אתה נוסע ליעד בעצמך, האפשרויות שעומדות 
בפניך (פרט לאי שימוש במעבדה) הן לשכור שירותי 
מעבדה מקומית, או להביא אתך מעבדה ניידת. 
הנדסת השימושיות הופכת יותר ויותר לחלק 
שמשולב בתהליך הפיתוח ברחבי העולם, ולכן תמצא, 
לרוב, חברות שיש להן מעבדות שימושיות. לא תמיד 
הן תהיינה מתוחכמות, אך יש בהן יתרון בכך 
שמישהו אחר אחראי על הציוד והוא מבטיח שהציוד 
הזה יפעל בתנאיס המקומיים. במקרים מעטים, 
נוהגיס לפרסס את שירותי מעבדות השימושיות 
הזרות, ולהציע אותן להשכרה בפרסומים שוניס 
שקשוריס בממשק משתמש או בכנסים. עס זאת נהוג 
יותר לעשות את עבודת החיפוש לבד ולפנות לחברה 
ידועה שיש בה (או שאתה סבור שיש בה) מעבדה כזו, 
ולבקש להשכיר אותה. בנוסף למעבדות שימושיות 
אמיתיות, אפשר גס לשכור מעבדת קבוצת מיקוד 
מחברת מחקר שווקים, למרות שבמקרה הזה עליך 
לדאוג להרכבת המחשב וכן לוודא שהמצלמות 
מתאימות להקלטת המתרחש על גבי המסך. אם אתה 
שוכר מעבדה בארצ בה פורמט הווידאו שונה משלך, 
היא כנראה תהיה מצוידת בתמיכה בפורמט המקומי, 
ועדיף לשכור גס את ציוד העריכה שלה, אס אתה 
רוצה להכין את הגירסה הערוכה הסופית (מומלצ 


מאוד), משוס שאחרת יהיה עליך להמיר כמות גדולה 
מאוד של קלטות וידאו כשתחזור הביתה. 


ניתן לבקש מקבוצת ביצוע עצמי של בדיקות 

ביקורת של משתמשים 

למצוא מידע מסוים, כל מחקר שניתן להשלימו בלי צורך בעורך ניסוייס 
ולדווח אם הם הצליחו זמין, ניתן לבצעו מרחוק על ידי מתן הנחיות 

לעשות זאת וכמה זמן למשתמשים וקבלת דוח תוצאות מהס. לדוגמה, ניתן 
לקח להם למצוא את לבקש מהמשתמשים למצוא מידע מסוים, ולדווח אס 
המידע. הצליחו לעשות זאת וכמה זמן לקח להס למצוא את 


המידע. ניתן לבקש מהמשתמשים גס לגשת לערכת 
דפי טיוטה, ולכתוב הערות בטקסט חופשי או לדרג 
את העיצוב בסולם 1-7 מבחינת התחושה והמראה 

ומבחינת נוחות הניווט. אפשר להעביר את הטפסיס 
וההוראות על דף, בהודעת דואר אלקטרוני או בדף 
נפרד. 


עקרונית, התגובות והדירוגיס יתקבלו בצורה 
אחראית יותר אס ההנחיות והדות יגיעו באותו 
המדיוס. אם, לדוגמה, אתה שולח הזמנה להשתתף 
במחקר על גבי נייר, עדיף לרוב לבקש מהמשתמשיס 
למלא שאלון על דף, ולמסור אותו בתור הדיווח על 
ממצאיהס. 


במידת האפשר, יש לתרגם את ההנחיות וטפסי 
המשוב לשפת המשתמשים, כדי להגדיל עד 
למקסימוס את רמת התגובה, ולהפחית את הדעות 
הקדומות שקיימות כשנעזריס במשתתפים שמדבריס 
שפה ורה בצורה שוטפת. אס תימנע משאלות 
פתוחות, ותגביל את עצמך לדירוג על פי סולס ערכיס 
ולשאלות סגורות אחרות, תוכל לנתח את התוצאות 
ללא צורך בתרגוס חוזר לשפה שלך. אס תשתמש 
בגישה זו, מומלצ לחיוהר בתרגוס הנחיות סולס 
הדירוג (לדוגמה, *מרוצה מאודיי או ייחשתי יעיל 
למדייי). כדי שההשוואות יהיו והות בכל המדינות, 
עליך לוודא שהמשתתפים יענו על שאלות והות בדרך 
זהה. למעשה, הבדלי התרבות עשויים למנוע השוואה 
זהה, ולגרוס לדירוג סובייקטיבי בחלקיס שוניס 
בעולס. ישנן תרבויות אסיאתיות רבות בהן האנשיס 
לא ירגישו נוח לתת דירוג גרוע לאפשרות מסוימת, 
וכן יש תרבויות בהן לא נהוג להפריז, ואותס אנשיס 
לא יייסכימו לגמרייי עס הצהרה כגון ייעיצוב משגעיי. 
כמובן שיש להימנע ממונחים לשוניים וסלנג, כגון 
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(בעמוד הבא) עריכת מבחן 
אינטואיציה שקשור לסמלים 
ב-65/\ מאפשר לקבל נתונים 
מגולשים ברחבי העולם על 
בסיס שווה. בדוגמה זו, כל 
המשתמשים צפו באותם 
הסמלים, אך ניתן ליצור דף 
חדש עבור כל משתמש, 
ולקבוע סדר אקראי של 
סמלים כדי לבצע מחקר קטן 
יותר או כדי לבדוק חלופות 
עיצוביות שונות עבור כל 
רעיון. באופן כללי, אני מעדיף 
מחקרי אינטואיציה פתוחים, 
אך הגישה בה משתמשים 
בדוגמה זו מאפשרת ניתוח 
קל יותר של הנתונים, במטרה 
לבדוק לאיזה חלק של העולם 
יש בעיות מיוחדות עם 
הסמלים. התיאורים מסומנים 
באותיות (8, 8 וכן הלאה) 
בצורה שקצת מתפרצת 
החוצה. האותיות טובות 
למשתמשים שרוצים להתייחס 
לפונקציות ספציפיות בתיבת 
ההערות, אך הניסיון מראה 
שמשתמשים מעטים ירצו 
לבזבז את זמנם על כתיבת 
הערות חופשיות, ולכן עדיף 
להציב את האותיות אחרי 
התיאורים (היכן שהן יבלטו 
פחות) ולהקטין את הגופן 
המשמש להצגתן. 


2 עיצוב ממשק באינטרנט 


'יעיצוב משגעיי, בשאלונים בינלאומיים, גם אס לא 
מתרגמיס אותס. 


הדרך הטובה ביותר להשיג משתתפים בבחינה עצמית 
היא לבחור בקבוצה אקראית של משתמשים במדינות 
אותן אתה רוצה לחקור, ולשלוח להס בקשה אישית 
להשתתפות במחקר. ניתן גס פשוט להציב את 
הבדיקה ב-80\\, וליצור אליה קישור מהאתר הראשי 
שלך או מרשימת תפוצה גדולה של ידיעון המודפס על 
נייר או שנשלח בדואר אלקטרוני. החיסרון בשיטה זו 
הוא שלא תוכל לבחור את המשתתפים בעצמך, דבר 
שיביא לחוסר איזון בתוצאות, מכיון שמי שישתתפו 
יהיו המשתמשים המנוסים ובעלי המוטיבציה 
הגדולה יותר. 


בלי קשר לדרך בה המשתתפים נבחרים, יהיה עליך 
לקבוע באיוו מדינה הס גרים, כדי שניתן יהיה לקדד 
את התגובות כראוי. הגישה הפשוטה ביותר היא 
לחקור מדינה אחת בכל פעס על ידי יצירת קשר עס 
משתמשיס מאותה מדינה בכל מחקר. לרוב, עדיף 
לחקור כמה מדינות בבת אחת, משוס שזו הדרך 
היחידה לאסוף כמות נתוניס מספקת בפרק הזמן 
שנקבע לשלב הפיתוח. במחקר עולמי, נהוג להוסיף 
שאלה למשתמש שבודקת את ארי המוצא שלו (או 
לבחור את אזור המגוריס מתוך תפריט). יש לכלול 
שאלה פשוטה אודות האזור הגיאוגרפי, אפילו 
כשאתה רוצה לצמצס את מספר השאלות 
הדמוגרפיות כדי להפחית את הזמן הדרוש לסיוס 
הבדיקה, או כדי להפחית את הנושאיס האישיים. 


אס הבדיקה מתבצעת ב-60/\ או שהתשובות 
מתקבלות בדואר אלקטרוני, אתה יכול לבצע בדיקה 
של ה-ק1 של המשתמש או של ה-חוהוחסכ. אס הסיומת 
היא אט., סביר להניח שהמשתמש בריטי. אס הסיומת 
היא ס[., כנראה שהמשתמש יפני, וכן הלאה. לרוע 
המזל, שמות המחשביס לא מתייחסיס תמיד ללאוס 
האמיתי של המשתמש. שמות מחשבים רביס 
מארצות שונות הס בעלי סיומת וחסס. מסיבות עלות, 
מהירות גישה, יוקרה, או משוס שהמשתמשיס 
עובדיסם במשרד מקומי של חברה בינלאומית. 


אס תבצע חיפוש פשוט על שס המחשב של משתמשים 
אלה, הס ייראו כאמריקאיס. 
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4 עיצוב ממשק באינטרנט 


הדרך המומלצת לעקיפת בעיה זו היא פשוט לבקש 
מהמשתמש לציין את שם ארצו ולהסביר לו שאתה 
וקוק למידע זה עבור נתוניס סטטיסטיים. אחרת, 
האפשרות הטובה ביותר היא להכיר בכך שישנן כמה 
בעיות בנתוניס שלך ולזכור, בומן פענוח התוצאות, 
שהתשובות ממחשבים בעלי סיומת וחסס. אינן בהכרת 
של משתמשים אמריקאיים. כמובן שיכוליס לקרות 
גם מקרים אחרים (כגון תגובת בעל מחשב עס סיומת 
. שנמצא בגרמניה ועובד ומנית בצרפת), ולכן יש 
תמיד לנהוג משנה והירות עס הנתוניס שמתקבלים 
מניתוח שמות המחשבים. 


מסקנה 


המדינות שונות זו מזו, ואנשים ממדינות שונות 
שוניס אף הס ה מזה. משתמשים מרחבי העולס 
משתמשיס באתר ה-69/\ שלך בצורה שונה. אלה 
שמעצביס את האתרים שלהם עבור מדינה אחת 
מבריחיס למעלה ממחצית מהלקוחות הפוטנציאלייס 
שלהם. 


ככל שה-80/\ הופכת לבינלאומית יותר, יש יותר 
חשיבות בהענקת תשומת לב לשימושיות בינלאומית. 
יש בורך בעבודה רבה כדי לעשות זאת בצורה 
מושלמת. ישנן המון מדינות ברחבי העולס. כשאתה 
עומד בפני נתוני השקעת המשאביס בבדיקה 
פוטנציאלית והתאמה של אתר עבור כל התרבויות 
השונות בעולס, אתה צריך להיאבק בפיתוי לוותר על 
הבדיקה. 


נקודת מפתח: אל תתייאש! אל תתכנן יותר מדי. אל 
תוותר רק משוס שאינך יכול ליישס בפעס הראשונה 
מחקר שימושיות בינלאומי אידיאלי. ייתכן שיחיה 
עליך להתחיל במדינה אחת, וייתכן והמשתמשיס 
יבצעו בעצמס את הבדיקות. הדבר החשוב הוא 
לעשות את זה. יש הבדל עצוס בין אתר שמעוצב עבור 
משתמשיס מקומיים בלבד ואתר שמודע לעצס הקיוס 
של שאר העולם. 


בסופו של דבר, עניין השימושיות הבינלאומית יהפוך 
לחובה להצלחת האתריס שבאינטרנט. ככל שהשימוש 
הכלל עולמי גדל, אתרים יחוסלו אס הם לא יוכלו 
לספק שירות איכותי למדינות רבות. 


נכון לעכשיו, יהיה לך יתרון עצוס על רוב האתריס 
האחריס אס תבצע אפילו בדיקה קטנה של שימושיות 
בינלאומית. אס לא תתחיל לעולס, הרי לעולס לא 
תלמד אודות המשתמשיס שלך מרחבי העולס, 
ובנקודה מסוימת זה יהיה מאוחר מדי להתחיל. 
משוס כך, התחל עכשיו. 
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תחזית: הקבונ 
היחיד ב-60// 
הוא הנטינוי 


פרק זה עוסק ברובו בעתיד הקרוב של ה-60/\, כלומר בחמש השנים 
הבאות. בתקופה זו, ה-60/\ צפויה לגדול פי עשרים, ומשמעות הדבר 
שתהיה כמות אתרים שגדולה פי עשרים ממה שקיים כרגע באינטרנט 
(מ-10 מליון אתרים בשנת 1999 ל-200 מליון אתרים בשנת 2005). 
מספר הדפים יגדל כנראה אף מעבר לכך, משום שהאתרים הקיימים 
יוסיפו דפים, יחד עם האתרים החדשים שיקומו. לפיכך, אני צופה 
שה-60/\ תגדל מכמות של מיליארד דפים בשנת 1999 ל-50 מיליארד 
דפים בשנת 2005. 
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מספר המשתמשים לא יגדל באותה המידה שבה יגדל 
מספר האתריס והדפים, משוס שישנן מדינות רבות 
בהן התשתית מקשה על חיבור רוב האוכלוסיה. מתוך 
כ-200 מליון משתמשל 60/\ בתחילת שנת 2000, אני 
צופה שנגיע לכ-500 מליון משתמשיס מקווניס באזור 
שנת 2005. כמות המשתמשיסם תגיע למיליארד באזור 
שנת 2010. כל מספר מעבר למיליארד משתמשים 
יגדל בקצב איטי. מיליארד משתמשיסם שחולקים 
ביניהס את אותה מערכת המחשב הוא נושא חסר 
תקדים, וה-69/\ (הצד הגרפי של רשת האינטרנט) 
והאינטרנט עצמה ישתנו בצורה קיצונית כשזה יקרה. 
למעשה, עליהן להשתנות כבר לפני שדבר זה יקרה, 
משוס שגס כיוס קשה מדי לרוב האנשיס להתחבר 
לאינטרנט, גס אס ברצונס לעשות ואת. 


המגמה לטווח רחוק 


כשאנו חוזיס את השפעת שינויי הטכנולוגיה, שתי 
השגיאות הנפוצות הן להגזיס בהערכת השינוייס 
לטווח קצר ולהמעיט בהערכת השינויים לטווח רחוק. 


האינטרנט קשה ללימוד 


השימוש באינטרנט משול למשיכת שרשרת ארוכה: אם חוליה אחת נשברת, היא גורמת 
לשבירת המבנה כולו. משתמשים מנוסים יידעו כיצד להתייחס למגוון החוליות שבשרשרת, 
למצוא חוליה שבורה ולנסות אסטרטגיות שונות להתמודד אתה. משתמשים שלא מבינים 
את מבנה השרשרת, פשוט ידעו שהם משכו אותה אך לא השיגו בכך מאומה. הבעיה יכולה 
להיות נעוצה בתצורת מחשב המשתמש, המודם שלו, קווים עמוסים, ספק האינטרנט, 
האינטרנט עצמה, אתר ה-60/\ המרוחק, או הנחיות מבלבלות ולא ברורות בכל שלב בדרך. 
אם משהו לא יפעל כשורה, יש למשתמש המתחיל סיכויים קלושים להתגבר על התקלה. 
בטווח הרחוק, עלינו לבנות מערכות בדיקה עצמית טובות יותר, שיוכלו לספק הודעות שגיאה 
מסייעות יותר, ולהציע דרכים קלות לתיקון הבעיה. בטווח הקצר, מפתחי פתרונות ס6/\ 
עבור משתמשים לא מנוסים צריכים לשפר את ממשקי המשתמש שלהם, כך שיהיו מושלמים. 
במחקר שנערך על משתמשים ביתיים בפיטסבורג, נרשמו הדוגמאות הבאות של בעיות 
שימושיות בהן נתקלו משתמשים חדשים באינטרנט: 
% "אינני יכול להתחבר" (ח1 109). מקש 06%)] 655 היה פעיל כשהמשתמש הקליד את 
הסיסמה. המשתמש לא חש בכך משום שהתווים שהוא הקיש לא הוצגו על המסך. 
> "הדואר האלקטרוני שלי קפא". המשתמש לא התקין את המודם (הוא לא ידע שמודם 
הוא חלק מחומרת המחשב, ושצריך להתחבר לאינטרנט לפני הפעלת תוכנת הדואר). 
% "המודם לא מחייג". מישהו אחר השתמש באותו קו טלפון. 
כל אחת מהבעיות הללו נראית טרוויאלית עבור משתמש מנוסה, אך בעיות אלו הספיקו כדי 
לעצור את המשתמשים המתחילים שבמחקר מלהתחבר לאינטרנט. למידע נוסף אודות 
מחקר משתמשים ביתיים בפיטסבורג, פנה לכתובת 
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בטווח הקצר, רביס מהשינוייס שאותסם מומחי 
הטכנולוגיה רוציס לראות לא יקרו בגלל חוסר היעילות 
האנושית. יש צורך בזמן רב כדי לגרוס לאנשיס 
לשנות את דרכיהם, ויש גם צורך בזמן רב כדי לאפשר 
לפועלים לחפור ברחובות כדי לשדרג את התשתית. 


שינוייס מהותייס רביס לא קוריס עד שטכנולוגיה 
מסוימת חודרת לחברה והופכת לנפוצה. לדוגמה, יש 
הסבורים כי המצאת הרכב גרמה לצמיחת הפרוורים, 
אך תהליך פיתוח הפרוורים לא יכול היה לקרות 
באמת, כל וּמן שרק לאחוז קטן מתוך האוכלוסיה 
היו רכביס. בימיס בהס רק אנשים מעטים יכלו 
להרשות לעצמם לרכוש רכב, הס השתמשו בו בעיקר 
כדי לנסוע לטיולי סוף שבוע מחוצ לעיר מגוריהס, או 
שהס עברו לפרווריס, אך המשיכו לעבוד בעיר. כל 
זמן שרק לאנשים בודדים היו מכוניות, כל עסק חשוב 
היה חייב להישאר בתחומי העיר. אך לאחר שלרוב 
העובדים היו מכוניות, ניידותס גדלה ואיפשרה 
לעסקיס להתבסס מחוצ למרכזי הערים (אזורי 
תעשיה בפריפריה לדוגמה: הרצליה, פולג ועוד). 


האינטרנט היא טכנולוגיית רשת. השפעת הרשת גדלה 
במְוּקה לעומת גודלה, מכיון שהיא מתארת את מספר 
אפשרויות החיבור ואת מספר השימושיס ברשת. 
תופעה זו קרויה לרוב בשס חוק 1606866 (16068]66'5! 
שה ]), על שס 63/6 פסם, ממציא ה-זסחזסוום. 
כהשוואה, בואו ניקח טכנולוגיית רשת אחרת : הטלפון. 
אס היה רק טלפון אחד בכל עיר הוא היה חסר תועלת, 
ושני טלפוניס כבר טוביםס יותר מאשר פי שניים מטלפון 
אחד: כעת אתה כבר יכול לנהל שיחה. בתחילת דרכו 
של הטלפון, השתמשו בו בעלי חברות שהחזיקו קו 
אחד בבית וקו אחד במשרד: אפילו כשיש רק שני 
טלפוניס בעיר, ניתן לנהל שיחות חשובות. 


לאחר מכן, כשכמאה בעלי חברות התקינו טלפוניס 
בבתיהס ובמשרדי החברות, השימוש בטלפון הוכפל 
פי 100. בעיר בה היו 200 קווי טלפון, המנהליס לא 
השתמשו בקוויס רק כדי להתקשר מהבית למשרד, 
אלא גס המשרדים השתמשו בטלפון כדי להתקשר 
למשרדיס אחרים. בעלי חברות נוטיס להשתייך 
לאותס מעגלים חברתיים, וייתכן שהס אפילו החלו 
להתקשר אל בתי עמיתיהם. כמה שנים לאחר מכן, 
כשבעיר היו כבר כמה אלפי טלפונים, השימוש 
במכשירי הטלפון התרחב, וחברות החלו ליצור קשר 
דו כיווני עס לקוחותיהן. לבסוף, לאחר שכמעט לכולם 


פרק 8: תחזית: הקבוע היחיד ב-60// הוא השינוי 229 


0 עיצוב ממשק באינטרנט 


כבר היה טלפון, המבנה העסקי והחברתי של החברה 
השתנה: כיוס, אתה לא מתקשר רק לחברה, אלא 
לאדס מסויס בתוך החברה. היוס יש שירותי משלוח 
פיצה, ובני העשרה מבלים שעות בשיחות טלפון. 


לפני שנפנה לבחון את מגמת ה-60/\ בשנים הבאות, 
אני רוצה לבחון בקצרה כמה השפעות ארוכות טוות 
של התפשטות ה-68₪/\. שינוייס רביס מתוכס לא יקרו 
בעשוריס הקרובים, וכמה מהם לא יקרו כלל. כמובן 
שבנוסף לכך, יקרו גם שינוייס לא צפויים שישפיעו על 
ה-60/\ הרבה יותר מהתחציות הנוכחיות. הנה כמה 
שינוייס שצפוייס לקרות ב-60/\: 


% 


% 


% 


שוק הנדליין יקרוס באזורים יקרים כגון מנהטן 
ועמק הסיליקון. טכנולוגיית ה-60\\ תאפשר 
לאנשיס לעבוד מכל מקוס, ולשתף משאבים בלי 
תלות במרחק, אף אחד לא ירצה לשלס עבור בית 
מחיר שגבוה פי חמישה ממחיר בית באזור צפוף 
אחר. ערך הנדליין באותם אזורים ירד בכ-80%. 


חברות גדולות יהפכו למעטפות של היישות 
הקודמת שלהן, והן תתרכונה בעיקר בהשארת 
שמן הידוע, בז₪מן שכל העבודה האמיתית תתבצע 
על ידי קבוצות עבודה וירטואליות ברשתות כלל 
עולמיות. 


הדרך היחידה להגיב לקצב המוא של השינוי 
שמתקבל מכלכלת רשת מלאה, היא לשנות את 
ניהול החברה ממבנה פיקודי היררכי לשוק 
רעיונות, כישוריס ופרויקטים, שפועל על רשת 
פנימית. תקציביס שנתיים וסגני נשיא כבר אינס 
מתאימים למבנה זה. בסופו של דבר, סטאלין 
הוכיח שתוכניות שפרוסות על פני חמש שניס 
ומנוהלות על ידי מפקחים אינן טובות למדינה, 
אז מדוע שאותו הרעיון יהיה טוב לניהול חברה! 


התפיסה של קידוס מקצועי ומשרות מלאות 
תיעלס משוק העבודה ותוחלף על ידי התפיסה 
של פיתוח מיומנות ובניית רפרטואר. שוק 
העבודה עצמו יהפוך לגורס קטן מאוד בכלכלה, 
משוס שרק חמישה אחוזיס מהאוכלוסיה יהיו 
שכיריס במובן המסורתי. שאר האוכלוסיה 
תורכב מבעלי חוזיס עצמאלים (0615ח3 ]1 66ז=) 
שאינס נחשבים לעובדי לקוחותיהם. 


שירות הדואר יתפרק, משוס שכל ההודעות 
יעברו בדואר האלקטרוני, וכל משלוחי החבילות 


ייעשו על ידי נותני שירותיס פרטייס וגמישיס 
יותר שמהוויס חלק מה-078060א₪ של השולח 
והנמען. המונח ייללכת לדואריי ישנה את 
משמעותו, ויתייחס לתעשייה לא שימושית, 
שעדיין תתקייס במשך כמה שנים נוספות כדי 
לתת שירות ללקוחות לא מעודכנים. 


*> הכנסות הממשלה יצנחו למחצית מרמת 

ההכנסות שלהן יחסית ל-קא6 (התלייג), משוס 
שרוב היצירתיות בעלת הערך תהיה מקוונת, 
וקשה יהיה למסות אותה (אס יוטל עליה מס 
גבוה מדי, השירותים יוכלו לעבור במהירות 
למדינה ידידותית יותר). עם זאת, דבר זה אינו 
מהווה בעיה, משוס שה-6%2 יגדל ביותר מפי 
שנייס בעקבות הגדלת יעילות כלכלת הרשת. 


ממשק משתמש אנטי-מק 


ממשק המשתמש הנוגד את זה של המקינטוש הוא תפיסת עיצוב שפותחה על ידי חסס 
6 מחברת 5065ץפסזס6ו] חט5 ואנוכי. כל ממשקי המשתמש הקיימים כיום הם פחות 
או יותר העתקה של הנחיות ממשק המשתמש האנושי שנקבעו עבור עיצוב המקינטוש 
בשנת 1984. עקרונות אלה פותחו במיוחד עבור מחשב קטן (זיכרון אגמ של 128%8, מסכי 
שחור לבן זעירים), התקן אחסון זעיר (תקליטון) וללא רשת. לדוגמה, אחד מהעקרונות היה 
"יציבות מורגשת", שמתאימה לממשק בצורה מושלמת, כל זמן שלא יכול לקרות דבר בלי 
שהמשתמש ייתן פקודה מפורשת. עקרון נוסף היה לגרום להצגת כל הפריטים והפעולות על 
המסך: דבר זה טוב כל זמן שהתקליטון שלך מכיל לא יותר מאשר כמה קבצים בודדים, 
כשכל אחד מהם מקבל סמל משלו. 


האינטרנט ויכולות המחשוב המודרניות הופכות את רוב הנחות העיצוב בהן השתמשו עבור 
המקינטוש: כיום יש לנו מחשבים מהירים, מסכים גדולים וצבעוניים, התקני אחסון עצומים 
(הדיסק הקשיח האישי שלך יכיל טרה בית של נתונים תוך 10 שנים), והכל מקושר ומחובר 
למליוני (ובסופו של דבר גם מיליארדי) משתמשים ואתרים אחרים. תכונות היציבות והתצוגה 
המלאה כבר אינן אקטואליות. ז%9ח66 ואני גילינו שהיה הגיון להפוך את עקרונות העיצוב 


שעומדים מאחורי המקינטוש, ולעשות בדיוק את ההיפך. העיצוב שהתקבל (למרות שעדיין 
יקר מדי ליצור אותו) מיועד לסייע למשתמשים לנצל את סביבת הרשת במלואה. עקרונות 
האנטי מק הם: 


> מתן דגש על נושא השפה. המשתמשים יכולים לבקש דברים על פי שם או על פי 
תיאורם, גם אם דברים אלה אינם גלויים. 

> ייצוג פנימי עשיר יותר של פריטי נתונים כגון מסמכים ודפי 69)\. המערכת מכירה מספר 
גדול של תכונות עבור מספר גדול של פריטים, כולל ידע אודות היסטוריית העבודה של 
המשתמש עם הפריטים. 

> ממשק עם יכולת הבעה טובה יותר. ייצוג חזותי וקולי מפורט של פריטים שנמצאים 
מאחורי סמלים זהים לכל המסמכים מאותו הסוג. 

% משתמשים מומחים. שיפור יכולת העבודה ההדדית עם גולשים שיש להם ניסיון רב 
במחשבים. 

% שליטה משותפת. מחשבים אחראים על הפעלת הממשק וסוכנים (פַחסְפָ) יכולים לבצע 
פעולות ללא התערבות אנושית. 
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המחשב שאינו נראה 


עמיתי, חהח וס .ג 0|החסס, 
כתב ספר שכותרתו היתה: 


:סוחס 6!פו5ועח1 סחדך 
63 פל6טוססזק 0000 עח/\ 
|8ח50ז6ק 636 ,ווה 
,א0|6רח60 50 15 זס6טקוח 60 
חסוזהווסזח1 סחבּ 

6+ 6ז\ 665ח8ו|ססה 
חסטט|50 


למרות ש-חאוחזס\ הוא 
שותפי, אינני מסכים לגמרי 
עם המסקנה שלו, 
שקובעת כי מחשבים 
אישיים כל כך גרועים עד 
שאין מה לעשות פרט 
להשלכתם לפח. אני 
מסכים שהם גרועים. אני 
פשוט חושב שיש סיכוי 
לתקן אותם אם תעשיית 
המחשבים תשים בראש 
מעיניה את נושא איכות 
המוצר והשימושיות. 


בכל מקרה, הספר 


סק 60 6!ופושח1 סחדך 
הוא מבוא מצוין לרעיון 
התקני המידע, והוא קורא 
לצאת למלחמה על הגברת 
הפשטות במכשירי 
אלקטרוניקה נצרכים 
ובמחשבים. 








2 עיצוב ממשק באינטרנט 


%> מדינת טונגה תהפוך למדינה העשירה בעולם, על 


ידי כך שהיא תארח אתרים גדוליס ומצליחיס 
רביס אשר מחובריס לאסיה, צפון אמריקה 
ואוסטרליה באמצעות חיבוריס אופטיים. 


אפשרויות השקעה חדשות וכלים פיננסייס 
חדשיס יצוצו. השקעה בענייניס כגון שיפור 
פוריות האורז במדינות מתפתחות, למשל. 
הסיכון מוקטן על ידי נגזרות של הנושא, 
לדוגמה, ההתבססות על כמות האורז הנצרך על 
ידי מסעדה גדולה בהונג קונג. 


חברות ההשקעות ייעלמו, משוס שהמשקיעיס 
יכוליס לסחור בחלקי מניות ולספק הון בסיכון 
אפסי ובעלויות מינימליות של ביצוע עיסקה. 
מערכות מומחים אישיות יוכלו לבנות תיקי 
השקעות מיוחדים עבור כל אדס, תוך שימוש 
בתיאורי השקעה מרובי תכונות שנקניס ב-60/ו. 
אחת מהתכונות החשובות תהיה עדכון מתמיד 
של דירוג שביעות הרצון של הלקוח, אשר ייאסף 
על ידי שירותי פ6\\ עצמאיים בכל פעס שמישהו 
רוכש מוצר או שירות. אם כמה גולשים יפסיקו 
לחבב מוצר מסויס באותו היוס, ערך המניה של 
החברה המייצרת אותו - יצנח. 


רוב אנשי המכירות יוחלפו בלקוחות שיפנו 
לקוחות אחריס למוצריס ושירותיס שהס חיבבו, 
בתמורה לקבלת עמלה או נקודות נאמנות. 
גולשיס שנותניס המלצה גרועה יקבלו דירוג 
שביעות רצון נמוך ולא ייכללו ברשימה בעתיד. 


למרות שביל גייטס ייפטר מכל הכסף שהוא עשה 
מכתיבת תוכנות, הוא יהפוך בשנית לאדס 
העשיר בעולס עקב הרווחיס שיתקבלו 
מהעסקיס המקווניס שלו. באנציקלופדיות 
יתייחסו אליו כאל איל הון בתחום המדיה, 
שעשה את צעדיו הראשוניס בעסקי המחשביס. 


%> בשל השפע בהתקנים ניידים שמשתמשים במודמים 


אלחוטיים, אנשים יהיו מקווניס תמיד וניתן יהיה 
להשיג אותם בכל מקוס. הפרטיות תהפוך למצרך 
יקר. משתמשים ישלמו תוספת עבור שירותי מיסוך 
שיאפשרו להס להתחמק מהעולם. היכולת להיות 
לא נגיש תהפוך לסמל סטטוס. 


חברות המחשבים יחדלו מלשכפל את ממשקי 
המשתמש הבסיסיים כדוגמת המקינטוש 





בתהליכי אתזור מידע וצורות אחרות של ניהול 
מליוני פריטי מידע. עיצוב אנטי-מק יהפוך 
למציאות. 


האמת היא שאיננו יודעיס מה יהיו ההשפעות לטווח 
רחוק של ט6/\ שתחדור לכל מקוס בתחיינו. כללתי 
כמה תחזיות דרמטיות למדי, בתקווה שהן יסייעו לך 
לחשוב קצת קדימה ולהתחשב בהן בתכנון עתיד העסק 
שלך. הדבר הבטוח היחיד הוא שהעסקים לא יישארו 
כמות שהס במאה ה-21. הקבוע היחידי הוא השינוי. 


ברוב החברות יש ליקוייס חמורים בתחזית השפעת 
האינטרנט על עסקיהן. שינוי מואצ משמעו שהעתיד 
יגיע מהר מכפי שחשבת, ולכן עליך להתחיל לחשוב 
עליו כבר מעכשיו. 


התקני מידע 


הגישה הניידת תהיה הנושא החס השלישי בחשיבותו 
באינטרנט, אחרי הדואר האלקטרוני והגלישה 
ב-60/\. הגישה לאינטרנט מהתקנים ניידים בעלי 
מודמים אלחוטייס תהפוך לנפוצה. שימוש נייד יוביל 
לשירותי אינטרנט חדשנייס רביס שיפעלו תחת 
הסיסמה 'יכל אחד, בכל מקום, בכל זמן: מחובר". 


התקן נייד חייב להיות קטן כדי שהמשתמשיס 
יסכימו לשאת אותו אתס לכל מקום, ולכן על מעצבי 
ה-60/\ לחדול מעיצוב עבור מסך בגודל קבוע. 
לחילופין, דפי ה-69/\ חייביס להתאיס את עצמם 
ולפעול על גדלי תצוגה שוניס. יש לחסל את השאלות 
הנפוצות נוסת: 'יהאם עלי לעצב עבור מסך ברוחב 
0 פיקסלים או 800 פיקסליםז'י 


שרטוט מחשב 


אם אתה רוצה לבחון את חשיבותו של דבר מסוים, כדאי לשרטט שרטוט פשוט שלו. מהם 
הרכיבים אותם תבחר לכלול בשרטוט, אשר יתנו לצופה בו לקבל את נתוני הפריט? אם 
נבקש מאנשים לשרטט מחשב, הם ישרטטו לרוב תיבה גדולה (המסך) שמחוברת לשתי 
תיבות קטנות יותר (המקלדת והעכבר). ייתכן שהם גם ישרטטו תיבה עבור יחידת המחשב 
עצמה, למרות שאנשים רבים מתעלמים ממנה. בימים אלה, המחשב מזוהה על ידי יחידות 
הקלט-פלט שלו ולא על ידי יכולתו לבצע חישובים. המילה "מחשב" שגויה, משום שהשימוש 
במכונה הוא יותר כמקשר מאשר כמחשב. 


אם היינו מבקשים מאנשים לשרטט "מחשב טיפוסי" בשנות ה-70', בזמן שבו הייתי סטודנט, 
כנראה שהם היו משרטטים מפלצת ענקית עם כמה ארונות בגודל של חדר הלבשה וכמות 
גדולה של סרטים מגנטיים שמסתובבים על גלגלים וכן אורות מהבהבים. אני מזכיר את 
העובדה הזו כדי לתת הוכחה היסטורית שאכן ניתן לשנות את רעיון "המחשב הטיפוסי" 
בצורה קיצונית (אני צופה שהשינוי בתפיסת המחשב יקרה שוב בקרוב). 
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אם היית רוצה לשרטט 
"מחשב", זה מה שהיית 
מצייר: תיבה עם מקלדת 
ועכבר. התרשים מציג טיוטת 
פוסטר של 186 אסז6א אשר 
שורטטה על ידי 60!0 חסוח. 
אם מישהו יכול לטעון שהוא 
המציא את הדור הנוכחי של 
המחשבים, זוהי ללא ספק 
6חחס. 


4 עיצוב ממשק באינטרנט 


ותסע+ שתסס 6פטך 6'תב01 פמס6טפתסס 


.פפפפעטת: שעפזו צסת5 .שסבּסה עססטס 





65/7600 שרח סס .אסשא .6ז8כן ./ע/עעע 


בעתיד הקרוב, מגוון התקני המידע יפרח, במיוחד 
בדמות מערכות קטנות וניידות (טלפון נייד, חחוהּם, 
6 66א6סק). 


צדס6/צ 


ה-60/\ גרמה ליצירת אחד מהתקני המידע הראשוניס 
בדמות ה-/דס6/\ בשנת 1996. לרוע המזל, ה-עדס6/\ 
לא טובה והיא נחלה אכזבה במונחי מכירות. למעשה, 
אני חושב שה-/ד60/\ היא מוצר מעולה במונחיס של 
עיצוב ושימושיות. היא מראה באמת כמה קל להתקין 
מחשב חדש ולהתחבר לאינטרנט עס טירחה 
מינימלית. אך החיסרון הגדול של המוצר הוא 
העובדה שהוא משתמש במסך טלוויויה. 


למסכי טלוויויה יש איכות נמוכה מאוד, יחסית 
למסכי מחשבים, ולכן לא נעים לבצע פעולות 
באינטרנט על גבי מסך טלוויזיה פשוט. אני מקווה 
שבקרוב יופיעו התקני מידע דומיס ל-צדט6/\ בעיצוב 
וביכולת השימושיות שלהם, אך כאלה שמשתמשיס 
במסך שטוח. הרבה יותר נוח להחציק מסך בצורה 
שבה מחזיקים מגזין, מאשר לכוון שלט רחוק על 
טלוויויה, כשמבצעיס פעולות אינטראקטיביות, כגון 
אלו שמבוצעות ב-60/\. 


וט ייוו 
]יה | וסט 


ץ8 ס | ס ה ה 6 6 + 


55 |בסהפותנוחסוח 3 55ח858זקפז סוטטס 
בר חו פזבח5 ||ואו 5זפההטפחסס באו חס תו 
.10087086 פר₪ חס הסו05|מא8 הססבּוזס?חו 

אפ|מהחסס ץ|הותחפ"סאם פסחם 5בּצו סבח/ 
חס באו סבח// . 8|מחו5 ץז 5הותסספט 
81!3018ז צ|0וו50 5פהחסספט בפּטהַבום-זסזום 
זם 3018 3 60 0פזטוסחב פסחס באו סב חש 
. !בס צ]858!קהחסס 85 סספם 856600 
ץ|גרם הסחבו|ם3 הססהּהחסזתו סז החד 
.החחבּח פס + צתלזסאו 


הפתפתפטאם הסח ,גת חס 5זפצו|08 סוטגוך) 
8800706 חב הסטבּזם!מאם ספהחסטח1ז זם 
טר זס החסה הטוי הס בּסוחטרתוחסס 
פב הסחפותפצחסס זם |בסוחחססס 
,085 וםרחסט |הת50זפכ רשוע 3550013080 
חח + 08על צחב סוטט הסו/ 
פתו|חכ בּסוחפחב פאו! ז58אוסזט זם |ב+וסם 
,0080 08 חבס 6408 בחבּ 

החס!ב , 855!מטב3 0ַ58בּם-בּצב1 בחוסטוסחו 
[ובהח-8 35 חסגו5 פתססבּסו|מםב 6ו35ם הסוא 
ףוטפט פחד .5אססט פתסה55/0פזטב3 חב 
זס!סס הסםט!850ז-חוח , פ|וסים תסס- טס 3 חב , לוסב קב בופהחםוט || , 5ב ההוצסות סח ₪35 
3 





38 זס ה הסח 3 חב גוס חב ססחו 8|ס3זס 5'סוטגוק) סטוום 255 . 8|מחו5 צוטבאזב תפז 15 הססב||בספחך 
58/8 8ססוח8ז 3 הסואו הסססבזופסחו הטגוסזחס ]63ב הססצובּ 80|חבּח 15 8158 ההוהסץזפץם . אסב1 
הסח + 85כעט || פ|החבּח 60 ספזטטו חסס צץבבפזוב 5 פוטטו) . זְססְבּחַבּזטֶטָבּ +הפסחסס/זפה היםזם 

.החפ סח 63018 סחב , 51 , 56% בהוטוסחו , 5הסםסההחסס 


18800 |בסו5ץחם חו טזסאו 35%| ה 55ח858זספז פוט ,,הַחוכבּחָ3ּ 3 זס 538 בטחב 528 פרם צוהסטוסה 
הפפ פחח חו פזפה ץחב פהווחס סט פ|מספכ 865! עטו|וםב 03 8|855זושו 165 . החסה 35 5ז58גו זפחהזפסח1 זס+ 
הטוע סז סם ץ8א 8!855זוו ב , הַחוםעס פזוטספז 503 5הססבּסו|סב זס= .+פ)החסס 8ס8|קוחסס חו 68בזפםס חב 

.וצזם 15 אחו! 88זבּז)חו פססוחפז בּ 








6% שף./ע/שעע 


הרעיון של עְפָס|סחח66ד זוטט) להתקן מידע בצורת תצוגה 
שטוחה ניידת. 
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עיצוב עבור צדט6/\ 


אם אתה רוצה לעצב אתרי 60/\ שמיועדים למשתמשי צדטשו\, עליך לעבוד על פי 

ההנחיות הבאות: 

4 אל תשתמש בתמונות גדולות (ברוחב של למעלה מ-544 פיקסלים או בגובה של 
למעלה מ-376 פיקסלים), אלא אם הן יעבדו טוב עם תכונת ההתאמה האוטומטית של 
צדס6/\\ לשטח התצוגה הזמין. 

% אל תשתמש במפות תמונה, אלא אם אין מנוס מכך, כמו במקרים של בחירת אתר 
במפה, והפוך את סרגלי הניווט וסדרות הלחצנים לתמונות נפרדות. 

% אל תכלול טקסט בתמונות, משום שקשה יהיה לקרוא את התווים על גבי מסך 
צדס6)\. 

% אם אתה חייב לכלול טקסט בתמונה, השתמש בגופן מודגש מסוג 670808 בגודל 16 
נקודות או יותר (או בגופן דומה באנגלית). ההנחיה של 16 הנקודות יוצאת מנקודת 
הנחה שהתמונה קטנה מדי מכדי שניתן יהיה להתאים את גודלה. 

% אל תשתמש בסידור מרובה טורים (חוחט!60 +אוחזס=-טוטו). התרשים מראה כיצד 
תצוגת שלושת הטורים של אתר חסס.5צו6ח נראית עלובה על גבי מסך \דט6צ\ (למרות 
שזהו אחד מהעיצובים החביבים עלי במסך מחשב רגיל). 

% אם העיצוב שלך דורש כמה טורים, השתמש בלא יותר משניים, וודא שהם יעברו טוב 
במסך ברוחב 544 פיקסלים. 

> אם יש לך דף שנגלל על למעלה מארבעה מסכי /דטט6\ש\, הצג שוב את סרגלי הניווט 
בתחתית הדף. 


> חלק את המידע שלך למרחב קישורי טקסט עשיר עם מספר גדול יותר של צמתים 
קטנים. 


% במידת האפשר, הקטן כל יחידה כך שהיא תתאים למסך צדט8/\ יחיד כדי למנוע צורך 
בגלילה. 


בקיצור: כתוב פחות טקסט. 





(בעמוד הבא) גודל המסך ממש לא משנה. הצפייה באתרי 
5 \\ על גבי מסך גדול מספיק מאפשרת למשתמש לקבל 
תצוגה טובה בהרבה של האפשרויות הזמינות, מאשר מה 
שניתן לראות על גבי מסך טלוויזיה קטן יותר. תמונות מסך 
אלו מציגות את האתר שלי, 6%פ, על %דס6/\ עם העדפות 
שונות של גדלי טקסט. אם המסך לא היה מסך טלוויזיה 
איכותי, הגופנים הקטנים ביותר לא היו קריאים עבור רוב 
הגולשים. השווה את התמונות הללו עם מסך מחשב בגודל 
"20. ברור שהאתר שלי לא מעוצב טוב עבור משתמשי 
צדס6\\. למרות שקל וברור לקרוא את רכיבי הטקסט 
הנפרדים, עדיין אתה מאבד את תחושת המבנה של הדף. 
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במסכים כמו אלה שמשתמשים בהם ב-/ד680/\ 
המשתמשים נאלצים לגלול יותר, כדי לקרוא את החדשות 
העיקריות בדף הראשי של 65חוד אזסצ צוסא 6חד. עם זאת, 
סיכומי הכתבות עדיין קצרים מספיק כך שהדף יעבור 


בצורה סבירה במסך קטן. 
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2 עיצוב ממשק באינטרנט 


מות דפדפני ה-60/צ 


נקודת מפתח בתכנון המחשבים העתידיים היא 
הצורך להיפטר מדפדפני פ6/\ כקטגוריית יישוס 
נפרדת. יש שתי סיבות לכך שכדאי להימנע משימוש 
בדפדפן ט6/\ במערכת בתוך כמה שניס : 


*> באופן עקרוני, לא הגיוני להחזיק דפדפן מיוחד 
עבור פריטי מידע מסוימים, רק משוס שהס 
מגיעיס מאתר אחסון מסוים. אין סיבה 
להתייחס לנתוניסם בצורה שונה משוס שהס 
מגיעים מהאינטרנט ולא מהדיסק המקומי שלך. 
תאר לך מה היה קורה לו היינו מתייחסיס 
אחרת לנתוניס שמאוחסניס על תקליטון מאשר 
לנתוניס שמאוחסניס בדיסק. מה היה קורה אס 
היה עליך לפתוח מנהל קבציס נפרד כדי לגשת 
לתכולת התקליטון! 


6% דפדפני פ6)\ משלבים שתי סדרות תכונות, 
שאפשר היה לספק אותן בצורה ברורה בהרבה 
אס היתה ביניהן הפרדה. דפדפני ט6/\ מטפליס 
הן בתצוגת פריטי נתוניס והן בניווט בין פריטי 
הנתונים. למעשה, לדפדפני ה-ספ\\ הנוכחיים יש 
תמיכה גרועה בניווט, אך הס עושיס כמיטב 
יכולתס. 


ניתן לתכנן את הניווט טוב יותר על ידי איחוד 
הטיפול בכל פריטי המידע, ללא קשר למקוס בו הס 
נמצאים. לדיסקיס הקשיחיס המקומייס, הרשתות 
האזוריות המקומיות, רשתות האינטראנט של חברות 
ולאינטרנט יהיה אותו ממשק משתמש, והמשתמשיס 
יעברו בין אזורי האחסון השוניס בלי להרגיש בכך. 
מערכות הפעלה עתידיות יספקו בסיס להצגת 
יישומוניס שמיועדיס לכל אחד מסוגי הנתוניס 
אליהס המשתמש ניגש. ללא ספק, |ואז תהיה אחד 
מהסוגים הללו, ותהיה גישה ומינה למציג דפי |\ואדת. 


הניווט יהפוך למנגנון תמיכה אוניברסלי שיקיף את 
תוכנת המצגת וכן את כל אחד ממחשבי המשתמש 
(מחשב אישי, טלפון, חחוהּק). לדוגמה, מנגנון 
היסטוריה יאפשר למשתמשים לחזור לפריטי מידע 
בהס הס כבר צפו, ללא קשר לתוכנת התצוגה בה הס 
השתמשו כדי להציג את הנתוניס הללו, ובין אס 
המשתמש הגיע למידע באמצעות התקן נייד, מחשב 
משרדי או התקן המידע הביתי שלו. 


רשימות ההיסטוריה, הסימניות ורשימות דומות 
יכללו את פריטי האינטרנט, הודעות דואר אלקטרוני 
ומסמכי חברה המעורביס יחד על פי התנהגות הגישה 
של המשתמש לנתוניס השוניס (לכל אדס יש דרך 
משלו שנותנת לו חוויית משתמש ליניארית משלו, 
אשר ניתן באמצעותה לבנות את היסטוריית השימוש 
בנתוניס). בנוסף, יהיו גס כמה תכונות חיפוש 
אוניברסליות שיאפשרו למשתמשיס לחפש פריטים על 
פי תוכן, למרות שכרגע לא ברור כיצד ניתן להרחיב את 
החיפוש מנתוניס מקומייס לנתוני אינטרנט. 


רוחב הפס גדל לאיטו 


ב-15 השניס האחרונות, מהירות הגישה של משתמש 
טיפוסי לאינטרנט גדלה בכ-50% בשנה. למרות 
הציפיות הרבות לגידול מהיר יותר ברוחב הפס של 
האינטרנט, אינני רואה סיבה להאצת הקצב. רוחב 
הפס הממוצע גדל באיטיות משלוש סיבות : 


6% חברות התקשורת שמרניות. עליהן לחפור רחובות 
שלמיס ולהתקין ציוד במאות אלפי משרדיס 
מרכזיים, ולכן הן חושבות פעמיים (ואפילו שלוש) 
לפני שהן משקיעות את מיליארדי הדולריס 
הדרושים לכך. גס כשהן כבר משקיעות את הסכוס, 
לוקח להן זמן לעדכן את תוכניות ההתקנה. 


6% המשתמשים לא מתלהבים לבזבו כסף נוסף על 
רוחב פס. אס קנית מחשב חזק פי שניים, 
התוכנה שלך תפעל במהירות כפולה. אס אתה 
קונה דיסק קשית כפול בגודלו מהדיסק הישן, 
אתה יכול לאחסן עליו כמות כפולה של קבצים. 
אך אס אתה קונה מודם מהיר פי שניים, זמן 
ההורדה של דפי ה-פ6\\ לא יהיה חצי מהצמן 
הקודס: מהירות האינטרנט היא פונקציה של 
יכולת החיבור של המשתמש וכן של התשתית. 
לא תהנה מיידית מכל יתרונות השדרוג שתבצע. 
יתרונות אלה יבואו לידי ביטוי בהדרגה, עס 
השיפור באינטרנט ובשרתים המארחים. 


*> בסיס הנתוניס מתרחב תמידית, כל זמן שנוספים 
משתמשיס לאוכלוסיה המקוונת. סביר להניח 
שמשתמשיס חדשיס אלה לא ישתמשו כל כך 
הרבה באינטרנט (פריקי המחשבים כבר מחובריס 
מה כמה שנים), ולכן ממוצע השימוש ירד. 


כמובן שיש טכנולוגיות רבות המיועדות להעביר רוחב 
פס גדול, ומעבדות |ו86 כבר הדגימו יכולת להעביר 
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בטווח הקצר, ה-60/\ 
תאוכלס ברובה על ידי 
משתמשים עם חיבור כה 
איטי, עד שזמן ההורדה של 
כל דף 60\\ סביר יהיה ארוך 
בהרבה ממגבלת הזמן 
הנדרשת על פי מחקרי הגורם 
האנושי. 


4 עיצוב ממשק באינטרנט 


טרה בית (18) בשנייה על גבי סיב אופטי. לרוע המזל, 
טכנולוגיות אלו לא יביאו לגידול משמעותי ברוחב 
הפס להמוניס בזמן הקרוב. 051 וטכנולוגיות אחרות 
יתנו למשתמשים בודדיס מהירות חיבור של קו 1ד 
ומעלה, אך דבר וה לא יקרה בצורה המונית עד לשנת 
3 לערך. 


תמיד יהיו כמה סופר-משתמשים שירכשו ציוד 
מתקדס שפועל במהירות רבה מאוד. כאן, אני מדבר 
על משתמש הקצה הגבוה הרגיל יותר, שרוצה לשלס 
תוספת, אך עדיין מעוניין בציוד שנבדק היטב, אותו 
הוא יכול לרכוש בחנות רגילה. 


רוב המשתמשיס הס משתמשי קצה נמוך שנמצאים, 
מבחינה טכנולוגית, כשנתיים עד שלוש מאחורי 
משתמשי הקצה הגבוה. רוחב הפס הוא אחד משני 
הרכיביס החשוביס ביותר במחשוב של ימינו (יחד עס 
איכות התצוגה), משוס שמהירויות החישוב כמעט 
תמיד מספיקות לרוב המשימות. אך עדיין, רוב 
המשתמשים יחסכו בעלויות רוחב הפס, ויעדיפו ספק 
אינטרנט שעולה 520 לחודש על פני ספק שעולה %30 
ונותן שירות טוב יותר. 


עיצובי ה-65/\ צריכים לדאוג להמונים. נדיר שאתר 
יצליח אס הוא מכוון רק לקבוצת המשתמשיס 
המנוסיס שמהווה כ-10% מכלל המשתמשים. לפיכך, 
למרות שלמשתמשי הקצה עשוי להיות חיבור 150 
או חיבור טוב יותר, עיצובי ה-פ6/\ חייביס להתאיס 
לרמת שימושיות מקסימלית בחיבור 56%805. 
למשתמשים בינלאומיים יש חיבור איטי אפילו מזה, 
וכנראה שזמני התגובה שלהם מחלקים אחרים של 
כדור האר יגדל בשניס הקרובות. למרות שנעשים כל 
הניסיונות להניח כמה שיותר כבליס תת ימיים, 
הניסיונות הללו אינס עומדיס בקצב הצמיחה של 
האינטרנט ברחבי העולס. 


בטווח הקצר, ה-פ6/\ תאוכלס ברובה על ידי משתמשים 
עם חיבור כה איטי, עד שזמן ההורדה של כל דף 60/\ 
סביר יהיה ארוך בהרבה ממגבלת הזמן שנדרשת על פי 
מחקרי הגורס האנושי. לפיכך, נושא העיצוב המרכזי 
צריך להיות מהירות ההורדה בכל פרויקטי ה-ס6/\ עד 
לשנת 2003 לערך. עיצוב מינימלי הוא עיצוב מנצח. 


החל משנת 2003, יהיו למשתמשי הקצה הגבוה 
חיבוריס מקביליס לחיבור 11. דבר זה יאפשר להס 
להוריד דפיס בפחות משנייה, ומשמעות הדבר היא 
שהם יוכלו לנווט ב-60)\ בחופשיות. חוויית 


המשתמש תהיה טובה הרבה יותר, כשזמני התגובה 
ירדו מתחת לשנייה אחת. 


כמובן שמשתמשי הקצה הנמוך ישתמשו בקווי 150% 
בשנת 2003, ולכן הגישה המהירה של משתמשי הקצה 
הגבוה עדיין לא תקבע את העיצוב הכללי. כשאני צופה 
עוד קדימה, אני משער שה-פ6/\ תהיה מהירה פי 57 
תוך 10 שניס. כשזה יקרה, אפילו משתמשי הקצה הנמוך 
יוכלו לגשת לעיצובי מולטימדיה, ומשתמשי הקצה 
הגבוה יוכלו להשתמש באתרים מתקדמים למדי. 
עתיד ה-ס6/\ צופן בחובו הבטחה גדולה בדמות עיצוביס 
עשיריס יותר. הסיבה שאיננו רואיס ואת כיוס היא 
פשוט בגלל שה-60\\ הנוכחית איטית להחריד ויש 
צורך בכמה שנים כדי להגיע לזמני תגובה מתקבליס 
על הדעת. עיצובי ה-ט6/\ יוכלו לשנות כיווןו ולהסתמך 
על רוחב פס גדול יותר רק לאחר שנת 2003. 


דימויי ה-60/צ 


רוב חכמי האינטרנט משתמשים בדימוי הטלוויויה 
כשהס מנסיס להסביר את מבנה הרשת. מילים כגון 
ייערוצים'יי, ייתוכניות'י ו-יימבטיי מודגשות במחקרים 
רביס. הרבה קרדיט ניתן לטכנולוגיית ח85|₪ 
המתפתחת, למרות שטכנולוגיה זו גרועה במונחי 
שימושיות. חשימוש בטלוויויה כדימוי נעשה משתי 
סיבות. והו אכן המדיוס החזק ביותר שהיה קיים 
בעבר, והמדיוס הוה מורכב ברובו ממדיה ופרסוס, 
שאנשי הניהול מכיריס היטב. 


רוב חכמי האינטרנט טועיס. 


ה-60/\ אינה דומה לטלוויזיה. מבחינה עקרונית, 
ה-פ6/\ היא מדיוס עס עיצוב חלש, היא נשלטת על 
ידי המשתמשים, והיא משתמשת ברוחב פס קטן 
בגמישות רבה. הטלוויזיה, לעומת זאת, היא מדיוס 
המוני שמשתמש בצורה לא גמישה ברוחב פס גדול. 
בשל חוסר הגמישות ויכולת ההתאמה האישית 
החלשה, הטלוויויה חייבת להסתמך על ערך המוצר 
כדי למשוך אליה את הקהל. ה-69/\ לא תוכל אפילו 
להתקרב ליכולת לחקות את ערכי המוצריס הללו 
בשניס הבאות. התקווה היחידה לכך היא לפרסס את 
עוצמת ה-ס6/\, ולהדגיש במה היא שונה מהטלוויזיה. 
אפשר להשתמש ב-60/\ כדי לשלב את האינטרנט עס 
הטלוויויה, ובכך לתת ערך מוסף לצופי הטלוויזיה, 
אך מערכות כאלו לא ישתמשו בפוטנציאל האמיתי 
של ה-ס6/\. 
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מדיה שונה, עוצמה שונה 


הטלפון 


אני סבור שהטלפון הוא דימוי מתאיס יותר ל-ט6/\. 
אינני טועו שה-פ6\\ תהיה דומה לטלפון, ואני מקווה 
שהיא אכן לא תגיע למצב הזה, משוס שלמערכת 
הטלפוניה יש מאפייני שימושיות גרועיס. בנוסף, לא 
ניתן לתאר את כל התכונות של תופעה כה גדולה כמו 
ה-60// על ידי דימוי יחיד. 


באופן עקרוני, הטלפון הוא מדיוס מצומצם : 
ההתקשרות נעשית בצורת אחד-על-אחד על גבי ערוצ 
קול שלא נאמן למקור. העובדה שהטלפוניס כה 
פופולריים, למרות איכות הקול העלובה שלהם, היא 
שאפילו כאן התוכן הוא הקובע. 


הניסיון במדיה המסורתית הראה שאפילו מדיומים דומים למדי יכולים להכיל מאפיינים שונים 
ולהועיל במקומות שונים. קח לדוגמה את הטלוויזיה, קולנוע ותיאטרון. כל המדיומים הללו 
מציגים, באופן עקרוני, שחקנים אנושיים בתלבושות שקוראים סקריפטים על במות. כל 
המדיומים הללו שונים מאוד מספרי קומיקס, רומנים, פנלי ועידות או רשימת מליון הספרות 
הראשונות של הקבוע פאי (ו₪). למרות זאת, המיקוד של כל אחד ממדיומים אלו שונה: 


> הטלוויזיה עוסקת באנשים. תוכניות הטלוויזיה מוצגות על מסך קטן שמראה פנים 
וצילומי תקריב (קש 6!056) בצורה טובה יותר מאשר תמונות נוף. הצופים יושבים בסלון 
הביתי שלהם ומוטרדים על ידי דברים רבים. משום כך השאיפה היא ליצור תוכניות 
טלוויזיה שלא יארכו למעלה משעה. משום כך, תוכניות אלו אינן מסוגלות לפתח עלילה 
מורכבת. סדרות טלוויזה נפוצות משום שהקהל אוהב לצפות בסדרה כל שבוע באותה 
השעה, ומשום שהקהל יכול לעשות זאת בקלות (מקלט הטלוויזיה נמצא בביתם). 
הצפייה באותם השחקנים שבוע אחרי שבוע מאפשרת פיתוח דמויות מסיבי בפרק זמן 


של עונה שלמה. 


הסרטים עוסקים בסיפורים. הצופים טרחו לצאת מביתם ולהגיע לבית הקולנוע, ולכן הם 
רוצים יותר מאשר תוכנית של חצי שעה, למרות שאורך רוב הסרטים הוא עדיין פחות 


משעתיים בשל המבנה הביולוגי של האדם. המשתמשים לכודים בתוך חדר חשוך בזמן 
הקרנת הסרט, ולכן ניתן לפתח את קו הסיפור הרבה מעבר למה שניתן לפתח אותו 
בטלוויזיה. מצד שני, הטירחה ועלות ההגעה לסרטים גורמת לאנשים לעשות זאת פעמים 
מעטות, ולכן נדיר לראות סדרת סרטים (פרט להמשך אחד או שניים של סרטים פופולריים). 
בסרטים אין סדרות, ולכן יש פחות דגש על פיתוח השחקנים ויותר דגש על עלילה טובה. 


התיאטרון עוסק ברעיונות. הקהל יושב רחוק מהבמה ואינו יכול לראות את השחקנים 
כמו בסרט. מהצד השני, הבמה לא נראית משוכללת כמו בסרטים ולא ניתן להציג בה 
נופים אמיתיים. הבדלים אלה מובילים לשליטה של הדו-שיח על פני הצד החזותי. בנוסף, 
תוספת העלות שכרוכה בשימוש בשחקנים חיים עבור כל הצגה מייקרת את הכרטיסים 
הרבה מעבר למחירי כרטיסי הקולנוע, וגורמת לכך שלמדיום זה יימשך יותר קהל 
אינטלקטואלי מהשכבה העליונה. יחד עם זאת, עלות יצירת ההצגה נמוך מעלות הפקת 
סרט, ומשום כך התיאטרון מתאים יותר לביטוי ניסיוני. 


כמובן שמעבר לכך, לטלוויזיה יש את היכולת לשדר חדשות וענייני אקטואליה, תכונה שלא 
קיימת בתיאטרון ובסרטי הקולנוע, בשל היכולת של הטלוויזיה להעביר תוכן בזמן אמת. 
בהתחשב בדרכים הרבות שה-680\\ שונה מהטלוויזיה, קולנוע ותיאטרון, אני מסיק מכך שהיא 
לא תתקרב יותר מדי לכל אחד ממדיומים אלה. 


6 עיצוב ממשק באינטרנט 





מה שחשוב הוא האדס עמו אתה משוחח ומה שאותו 
אדס אומר, לא משנה אם קולו נשמע זהה לקולו 
במציאות. בנוסף, שיחות הווידאו נכשלו עד כה. חלק 
מסיבת הכישלון היא משוס שלא תמיד המשוחחיס 
מעונייניס בנאמנות נתוניס גבוהה (אתה יכול לבצע 
שיחה עסקית חשובה עס לקוח לאחר שיצאת 
מהמקלחת). ה-פפצו עדיין תישאר נגועה ברוחב פס 
קטן בעתיד הנראה לעין, ולכן עדיף פשוט לקבל את 
העובדה הזו, ולעצב אתריסם שעובדיס טוב בשל תוכנס 
ולא בשל ערכי המוצר שלהם. 


ה-65/\ מאופיינת כמדיוס אחד-על-אחד ואפיון ה 
הוא גס הסיבה בגללה מודל הפרסוס המסורתי ייכשל 
ב-60//. שיווק המוני לא מתאיס למצביס בהס אתה 
יכול להשתמש בשיווק שמבוסס על קשר מועיל וניתן 
להתאמה. במקוס להפציף את ה-60/\ ב-5ז6חח88, 
החברות צריכות לפתח את ערך הלקוח באתריס שלהן, 
להקל על הגולשיס לעשות עסקיס בצורה הנכונה, 
ולמעשה, לגרוס להס לרצות לבצע עסקאות. שיווק 
ישיר הוא מודל טוב בהרבה מפרסומות טלוויזיה: 
הדבר החשוב הוא לא כיצד גולשים רביס רואים את 
מה שיש לך להציע (היימבטיי שאנשי המדיה הישנה 
כה אוהביס) אלא כמה גולשים מתוכסם אכן מגיביס 
למודעה (כדי ליצור אתך קשר, כדי לרכוש מוצר, או 
לעשות כל דבר אחר שאתה מנסה לעודד אותס לעשות). 


לרוע המזל, דימוי הטלפון מוביל גס הוא למשווקיס 
טלפונייס שמתקשרים בזמנים לא נוחיס ומציעיס 
הצעות מהצעות שונות. באינטרנט יש הרבה פסולת, 
ועדיף להיפטר ממנה כמה שיותר מהר. ייתכן שניתן 
לשאוב רעיונות מכלליס שחלים בעולס הטלפון 
(מדינות רבות אוסרות על רוב סוגי ההתקשרות 
השיווקית הטלפונית), אך ייתכן והאינטרנט תהיה 
חלוצה בהצעת פתרונות (כגון 'יעליך לשלס כדי להמשיך 
הלאהיי) שניתן ליישס אותם ולסייע לעולס הטלפון. 


נכס עקרוני נוסף של הטלפונים הוא העובדה ששיחות 
הטלפון מתבצעות על ידי המשתמש בדיוק בזמן 
שהוא מעוניין בהן. כמובן שעובדה וו נכונה רק עבור 
המתקשר, ואילו הנמען מוטרד על ידי קבלת שיחה 
כמדיום יידחיפהיי. אס תבדוק מי מהצדדיס פחות 
מרוצה מהעניין, תביו שעדיף להיות בצד המתקשר. 
כמובן שב-60/\, הצד הנמען בשיחה הוא מחשב, ולכן 
לא משנה אס אתה פונה אליו בשעות לא נוחות 
(בהנחה שמדובר בשרת רב עוצמה). 
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בעיות השימושיות של הטלפון 


ישנם כאלה שטוענים כי הטלפון הוא דוגמה לשימושיות מושלמת, אותה מעצבי התוכנה 
צריכים לחקות. בסופו של דבר, קל להשתמש בו: 

% אתה מרים את השפופרת. 

% אתה מחייג את המספר. 

% אתה מחובר. 


הלוואי וזה היה כל כך קל בעולם האמיתי. מתוך שלושת השלבים הללו, רק הרמת 
השפופרת קלה. הפעלת ההתקן ו"התחברות" לחשבון שלך נעשים שניהם בפעולה פשוטה 
של הרמת השפופרת. אין "זמן אתחול", וצליל החיוג תמיד קיים. מחשבים (ובמיוחד ה-65//) 
יכולים, ללא ספק, ללמוד משהו מיכולת העמידה בזמנים של מערכת הטלפוניה. האינטרנט 
צריך לספק למשתמשים "צליל 60)\" באותה רמת האמינות אותה מפגין הטלפון. 


הרשו לי לנפץ את המיתוס לפיו חיוגג מספר הוא ממשק משתמש קל, אותו יש לחקות. 
ראשית, קשה לזכור את המספרים הללו (מה מספרו של רופא השיניים שלך? ענה בלי 
לבדוק). שנית, קשה להקליד מספרי טלפון, ואין דרך חזרה אם אתה מפספס סיפרה (אפשרי 
בטלפון נייד). עליך לנתק ולהתחיל מחדש. כדי לבצע שיחה בין עירונית בארץ יש צורך 
לחייג 9 ספרות, עניין מגושם שלוקח הרבה זמן. שיחות בינלאומיות קשה יותר לבצע. 


בעיות השימושיות האמיתיות של הטלפון מופיעות כשאנו מבצעים ניתוח משימות. מה 
המשתמש באמת רוצה להשיג? ברוב המקרים, אתה רוצה לשוחח עם אדם מסוים. לשם כך, 
עליך למצוא את מספר הטלפון של אותו אדם במדריך הטלפון (או ברשימת מספרי טלפון 
אחרת) ולחייג את המספר. מי רוצה לדבר עם מספר? 


טוב יותר היה אם היינו יכולים לחפש את האדם בבסיס נתונים, וללחוץ על שמו או תמונתו 
כדי להתחבר אליו - דבר שממשקי המחשב עושים מצוין. יתרה מזאת, לרוב האנשים יש 
יותר ממספר טלפון אחד: במשרד, בבית, סלולרי, פקס וכו'. לעיתים, יש במספרים אלה 
תאים קוליים (כל אחד וערכת התכונות והפקודות המיוחדות לו). כדי לדעת איזה מספר יש 
לחייג, עליך לנחש היכן האדם נמצא, או לנסות את כל המספרים החלופיים עד שתגיע אליו. 
מערכת תקשורת ממוחשבת תדע היכן האדם נמצא, ודרך איזה התקן מועדף כדאי להגיע 
אליו בכל רגע נתון. 


התקן תקשורת משולב עשוי לפתוח את חיפושיו בשיחה קולית, אך אם האדם אינו זמין, 
ברירת המחדל לבחירת השלב הבא לא צריכה להיות תא קולי אלא הודעת דואר אלקטרוני 
(אם יש לו כתובת כזאת). בדומה לכך, כשאתה משתמש בתא קולי, אין צורך לחייב אותך 
לעבור דרך שורה ארוכה של הודעות מוקלטות. עדיף בהרבה לגלול רשימת הודעות חזותית. 


יתרון נוסף של מערכת תקשורת משולבת היא יכולת הנמען לציין אם ברצונו לקבל את 
השיחה. כיום, לכל אחד שיכול למצוא את מספר הטלפון שלך יש רשות להטריד אותך 
(ואנשי שיווק רבים עושים זאת ללא בושה). קל לדמיין מערכת תקשורת שבה שני הצדדים 
מיוצגים על ידי סוכני תוכנה (%65ח06( 6זהּו\50%) שמנהלים ביניהם משא ומתן אם יש לאפשר 
או למנוע את השיחה, כתלות בדחיפות וחשיבות המתקשר. לדוגמה, אתה יכול לחלק 
"אסימונים" מוצפנים למשפחתך ולחברים קרובים, שיוכלו להשיג אותך כל הזמן, גם 
בזמנים שאחרים יוכלו להשיג אותך רק אם הם ישלמו לך, לדוגמה, 10 שקל. אותה 
המערכת יכולה לסנן הן קריאות קוליות, הודעות דואר אלקטרוני ופקסים, למרות שאתה 
עשוי להסכים לקבל דואר שיווקי במחיר נמוך יותר (לדוגמה שקל אחד), משום שהוא מטריד 
פחות מאשר שיחת טלפון. 





8 עיצוב ממשק באינטרנט 


באופן כללי, הטלפון הוא אינטראקטיבי, כמו ה-ט6/ו. 
לא מדובר ביכולת לתת למשתמשים כמות עצומה של 
תוכן (כמו בתוכניות טלוויויה). במקוס זאת, שיחת 
טלפון היא החלפת מידע בין שני צדדיס, כשכל צד 
מגיב למידע שהתקבל מהצד השני. 


הבדל אחרון הוא העובדה שבטלפון כולס משמשים 
כמו'ילים. בטלוויויה, כמובן, רק כמה נבחריס עוליס 
לאוויר. למרות שרוב העניין מתמקד באתרי 60/\ 
גדוליס, אני סבור שה-60/\ ככלל תקבל יותר ערך 
מהאפקט המשולב של מליוני אתריס שעוסקים בדבר 
מסויס (למרות שכל אתר קטן יפיק פחות רווחיס 
מאתר אחד גדול). 


כשאתה חושב על האתר שלך או על טכנולוגיות 65)\ 
חדשות, אני ממליצ לחשוב במונחי טלפוניה. 
הדימוייס עלולים להיות מסוכניס אס תגזים בשימוש 
בהסם, אך הס יכוליס לסייע במציאת פרספקטיבות 
והשוואות, שיכולות לקחת אותך מעבר למאפייני 
השטח של עבודתך הנוכחית. 


אסימוני קשר (5ח6א0+ 600%36%) 


אני מאמין שמערכות הדואר האלקטרוני יזדקקו לאסימוני קשר תוך כמה שנים. אסימון 
קשר (ח6אסד %86ח60) הוא מקטע נתונים מוצפן שאתה יכול לתת למשתמשים אחרים, 
כדי לאפשר להם גישה בעדיפות גבוהה אליך. אסימוני הקשר יכולים להיות טובים ליצירת 
קשר חד-פעמי, או שהם ישמרו על כוחם עד שתבטל אותם מפורשות. כשמישהו מתחיל 
לקבל אלפי הודעות דואר אלקטרוני כל יום, כל הודעה שלא מכילה אסימון קשר תקבל 
עדיפות נמוכה וניתן יהיה להתעלם ממנה. 


המשתמשים יכולים לתת ידנית את אסימוני הקשר. לדוגמה, אתה יכול לכלול אסימון 
קשר חד פעמי יחד עם כל הודעה יוצאת כדי לאפשר לתשובות שיתקבלו להגיע אליך בכל 
עדיפות שתקבע, ואת/ה יכול/ה לתת לבן/בת הזוג שלך אפשרות שימוש בלתי מוגבלת 
באסימון בעדיפות עליונה כדי להשיג אותך במקרה חירום, וכן אסימון לא מוגבל בעדיפות 
בינונית לשימוש בהודעות יומיומיות. 


שולחי ההודעות יכולים גם להשיג בעצמם אסימונים. המנגנון הראוי ביותר לכך הוא 
שהמשתמשים יציעו את האסימונים שלהם למכירה. מנהל עסוק עשוי לדרוש 100 שקל 
עבור אסימון שיעביר אליו הודעה, אך סביר להניח שרוב האנשים ידרשו כמה אגורות או 
שקל אחד. 


לבסוף, שולח הודעה, נחוש בדעתו, יכול לזכות בזכויות על אסימון קשר על ידי ביצוע 
משימות מסוימות: לדוגמה, הסוכן שלי 0ח306 6ז50/0/8) יכול לתרום אסימון קשר 
בעדיפות נמוכה לכל מי שיקרא לפחות 20 דפים באתר ה-65/\ שלי, ויקבל ציון 7 לפחות 
במבחן אמריקאי שמכיל 10 שאלות אודות פילוסופיית עיצוב ה-65/\ שלי. 
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הטלוויזיה 


הטבלה הבאה משווה את הטלוויויה עס מחשבים מסורתייס מכמה בחינות. 


ברור שהגישה ל-68/\ ממקלטי הטלוויויה מהווה סגנון שונה של מדיוס, מאשר גישה 
ל-60\\ ממסך מחשב. זה ברור שגישה ל-ט6/\ דרך טלוויזיה שונה מגישה ל-69/\ דרך 
מסך מחשב. הבדל וה מקובל ויחזק את ה-ס6/\. כהשוואה, אין פגיעה בצריכת הנייר 
בגלל שעיתוניס וספריס שוניס זה מזה. 


האינטרנט במחשביס היא מדיוס עשיר בנתוניס שמבוסס על רמה גבוהה של מעורבות 
המשתמש: המשתמשיסם יוצריס לעצמס את חוויית הגלישה על ידי שטף קבוע של 
הפעלת קישורים. ברור שה-/ד60/\ אינה מתאימה לתמוך בסוג כזה של חוויית משתמש. 


ה-פ6/\ בטלוויויה צריכה להיות יותר מונעת על ידי המשתמש ומותאמת אישית, 
מאשר המדיוס ההמוני הפסיבי של שידורי הטלוויויה, אך עליה לנוע בכיווניס שמתאימיס 
יותר להתקן. אינני טועו שמשתמשי /ד60/\ אינס יכוליס ליהנות מגישה לכמה חלקיס של 
ה-60/\ המסורתי. בסופו של דבר, כבר הצליחו להפיק סרטיס מוצלחיס ממחזות של 
שייקספיר, ורשתות הטלוויזיה נוהגות לשדר סרטיס באורך מלא. אך כפי שצוין קודס לכן, 
נראה שכיוון שני המדיומיס שונה. 


רמת הפרדה של המסך 
(כמות המידע המוצג) 


התקני קלט 


מרחק צפייה 
תנוחת המשתמש 


חדר 


שילוב הזדמנויות עם 
דברים אחרים באותו 
ההתקן 


מספר משתמשים 


עידוד המשתמש להגיב 


טלוויזיה 


גרועה יחסית 


שלט רחוק ומקלדת אלחוטית 
אופציונלית, שמתאימים 
במיוחד עבור כמויות קטנות 
של קלט ופעולות משתמש 


כמה מטרים 
רגועה, במצב נטוי לאחור 


סלון, חדר שינה (האווירה 
והסביבה המסורתית משרים 
תחושת רגיעה) 


שפע ערוצים 


חברתי: אנשים רבים יכולים 
לצפות במסך (הרבה פעמים, 
יהיו בחדר כמה אנשים בזמן 
שהטלוויזיה דולקת) 


פסיבי: הצופה מקבל את מה 
שמנהלי הרשת החליטו לשדר 
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מחשב 


משתנה ממסכים בגודל בינוני 
למסכים גדולים מאוד 


עכבר ומקלדת על שולחן 
במיקומים קבועים 
שמאפשרים גישה מהירה 


כמה סנטימטרים 
זקופה, ישרה 


משרד ביתי (עבודת ניירת, 
דברים דחופים, אווירה 
שמשרה תחושת עבודה) 


תוכנות משרד, משחקים, 
האזנה למוסיקה, צפייה 
בסרטי סצס 


אישי: מעט אנשים יכולים 
לצפות במסך (המשתמש 
נמצא בדרך כלל לבדו כשהוא 
עובד על המחשב) 


פעיל: המשתמש נותן 
הוראות והמחשב מבצע 


הכיוון הברור ביותר של ה-680/\ הטלוויזיונית היא 
השילוב עס טלוויזיה משודרת. רשימות תוכניות 
טלוויויה מקוונות הן דוגמה אחת לתוכן אפשרי עבור 
משתמשי צדס6/\. כדאי גס להוסיף קישור למידע 
מפורט אודות כל תוכנית - רשימת שחקנים או נתוני 
שחקן ספורט - כאשר הנקודה היא שהמערכת אמורה 
לדעת באיזו תוכנית המשתמש צופה, ולספק קישורים 
מתאימים לתוכנית המסוימת הזו, כך שהמשתמש 
המתחיל יקבל תחושה של צפייה בטלוויויה ולא של 
דפדוף גמיש ומלא. 


כאשר יהיה יותר רוחב פס זמין, ניתן יהיה גס 
להשתמש ב-68₪/\ טלוויויונית כדי להרכיב שידורי 
חדשות ערב יעיליםס יותר, המיועדיס לצופה 
האינדיבידואלי. לדוגמה, התוכנית יכולה להתחיל 
בכך שהמנחה מקריא את רשימת כותרות היוס. 
בשלב זה, כל משפחה יכולה לציין מהן הכתבות 
שהיא מעוניינת לראות, על ידי כך שאדס בודד ילת 
על לחצן בזמן הקראת הכותרות המעניינות או שלכל 
אדס במשפחה יהיה לחצן משלו. הפתרון השני 
מתאים יותר למשפחה. עיצוב ה-/דט6/\ הנוכתי, עס 
שלט אחד, הוא סיבה מצוינת למריבות משפחתיות. 


שיס לב כיצד הדוגמה שבחרתי, בחירת כתבות מתוך 
חדשות הערב, מסתמכת על ממשק משתמש פסיבי 
למדי: לחיצה על לחצן בזמן קריאת האפשרויות. 
באופן כללי, אני סבור שכמות הפעילות שהמשתמש 
יבצע תהיה ההבדל העיקרי בין ט6/\ טלוויויונית 
ל-60)\ ממוחשבת. אינני סבור שהשימוש בווידאו 
יהיה הבדל חשוב, משוס שאני מצפה מה-60/\ 
הממוחשבת לכלול יותר אפקטי מולטימדיה, ככל 
שרוחב הפס גדל ומחשבים רבי עוצמה יהפכו 
לפופולריים. 
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סידור מחדש של מרחב המדיה: 
נפרדים מהעיתונים 


רוב פורמטי המדיה הנוכתייס ייעלמו ויוחלפו במדיוס 
0 \ משולב תוך חמש עד 10 שנים. 


המדיה הקיימת אינה מסוגלת לשרוד, משוס שהמבנה 
הנוכחי שלה גזור מטכנולוגיית החומרה. כשחוויית 
המשתמש מוכתבת על ידי מגבלות חומרה, אפשר לסמוך 
על כך שיצוצ משהו טוב יותר כשהמגבלות יוסרו. 


מדוע המדיה המסורתית שונה? מדוע עליך לבחור בין 
(1) צפייה בתמונות נעות בתוך אירוע טלוויציוני, 

(2) לקרוא את הכתבה המלאה בעיתון, או (3) לקרוא 
ניתוח מעמיק של הנושא במגזין? 


מדוע לא לשלב את כל הדברים הללו במדיוס יחיד! 
מדוע לא לקשר את כתבת הכיסוי למידע ארכיוני 
באנציקלופדיה, אטלס, ביוגרפיות של הנפשות 
הפועלות, ספרות היסטורית שמחיה את עבר המדינות 
הקשורות, וספריס רביס אחרים! 


התשובה ברורה. אינך יכול להציג סרטון במדיה 
מודפסת, אינך יכול לשדר כתבה ארוכה בטלוויזיה, 
מוציאי העיתוניס אינס ממתיניס לעבודת מחקר של 
שבועות על כתבה בודדת, ויקר מדי לשלוח ספריה 
קטנה למנויי מגזין, למקרה שהס ירצו לקבל מידע 
מעמיק יותר. 


במילים אחרות, יכולות החומרה הנוכתית מונעות 
שילוב מדיה אמיתי. למרות זאת, נעשו ניסיונות 
להתגבר על כך. הרבה עיתוניס נוהגיס לכלול מגזין 
סוף שבוע, והעיתוניס הטוביס יותר מקציס כתביס 
לעבודת מחקר ארוכה, בה הס יוצריס כתבות רקע 
שמקיפות את הנושא מעבר לחדשות האתמול. 
לעיתים, מדפיסיס ספריס במהירות כדי לגרוף 
רווחיס שנובעיס מהתעניינות תקשורתית בנושא. 


לאינטרנט יש מגבלות חומרה משלה, המגבילות את 
שירותי המדיה המשולבים : 


רוחב פס מוגבל מונע העברת וידאו ומפחית את 
כמות הגרפיקה, ההנפשה ופורמטיס לא 
טקסטואליס אחרים. בנוסף, זמני תגובה 
ארוכיס מפחיתיס את עומק ועושר השירותים, 
משוס שהמשתמשים לא יעברו לקישוריס 
בחופשיות, אלא אס הס יקבלו זמני תגובה של 
פחות משנייה אחת. 


% מסכי מחשב בהפרדה נמוכה גורמים להאטה של 
% במהירות הקריאה יחסית לקריאה מדף 
מודפס, ולכן יש צורך להפחית את כמות המיליס 
בדפי ה-60/\. 


%> דפדפני סס/צ ומנועי חיפוש שמעוצבים גרוע 
מפחיתיס את יכולת המשתמש לנווט ב-טפצו, 
ולמצוא מידע ושירותיס להם הוא זקוק (עניין 
אחרון זה קשור לתוכנה ולא לחומרה, אך 
מנקודת המבט של ספק התוכן, כל מה שחשוב 
הוא שהתשתית עדיין לא מספיקה כדי ליצור 
שירותי אינטרנט מתקדמים). 


הבעיות הללו ייעלמו בחמש עד 10 השניס הבאות. 
המשתמשיסם יקבלו מהירויות אינטרנט שגדלות 
ב-50% לשנה. תוך חמש שנים, יהיו למשתמשי הקצה 
הגבוה זמני תגובה של פחות משנייה, והס יוכלו לנווט 
בחופשיות ב-טפצו. תוך 10 שניס יהיה רוחב פס טוב 
לכל המשתמשים. בנוסף לכך, תוך 10 שניס ניתן יהיה 
להעביר שטף וידאו באיכות טובה באינטרנט (סרטוני 
הווידאו שמועבריס כיוס חסרי ערך). 


מסכי מחשב עם יכולת הפרדה טובה של 300001 כבר 
קיימיס ונוחות הקריאה מהס שוות ערך לנוחות 
הקריאה מנייר. כנראה שמחירי המסכיס הללו לא 
יצנחו במהירות, אך אני צופה שמשתמשי הקצה הגבוה 
ישתמשו במסכים טובים (כ- וט2000) תוך חמש שנים, 
ושלכל המשתמשים יהיו מסכיס טוביס תוך 10 שניס. 


הבדלי מדיה שנובעים מטכנולוגיה 


העיתונים מודפסים פעם ביום על גבי נייר באיכות נמוכה, ומספקים כתבות שנכתבו 
במהירות על חדשות היום הקודם. לעיתונים יש רשת הפצה משלהם של מפיצי עיתונים, 
והם מגיעים למנויים תוך כמה שעות מרגע הדפסתם. 


המגזינים מתפרסמים על בסיס שבועי או חודשי על גבי נייר איכותי, והם מספקים מחקרים 
מעמיקים יותר וכתבות שמשלבות עניינים או אירועים שקורים בטווח הארוך. המגזינים 
מסתמכים לרוב על רשות הדואר והם מגיעים למנויים תוך כמה ימים עד כמה שבועות 
מרגע הדפסתם. 


ספרים הם מדיום ארכיוני ותהליך הפרסום שלהם עשוי לקחת כמה שנים, כשלעיתים 


מדפיסים אותם במהדורות חדשות. הפצת הספרים נעשית דרך מוכרי ספרים, והם מגיעים 
אל הקוראים תוך כמה חודשים מרגע סיום כתיבת כתב היד. 


לרשתות הטלוויזיה יש רשת שידור משלהם, והן מגיעות לצופים בזמן אמת. בניגוד לשאר 
סוגי המדיה שהוזכרו כאן, הטלוויזיה מבוססת על תמונות נעות וקול. 


ישנם הבדלים ממשיים בין סוגי המידע המועבר על ידי כל מדיום, והמשתמשים זקוקים לכל 
סוגי המידע הללו. התלונה היחידה שלי קשורה לעטיפה: סוגי המידע השונים הללו נשמרים 
בנפרד בשל טכנולוגיות הייצור וההפצה, למרות שהשילוב ייתן חוויית משתמש טובה יותר. 
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למרות שאני צופה את מות 
פורמטי המדיה הישנים, אני 
סבור שרוב האנשים שעובדים 
בתחומי מדיה אלה צפויים 
לעתיד מזהיר 


4 עיצוב ממשק באינטרנט 


משמעות הדבר היא שבאזור שנת 2008, כל משתמשי 
המחשב יעדיפו להשתמש ב-ס6ו\ על פני דפיס 
מודפסיס. משתמשי הקצה הגבוה עשוייס לבצע את 
המעבר כבר בשנת 2003. לאחר שהאינטרנט תהפוך 
למקוס נעיס כמו המדיה הישנה, היא תזכה, אס היא 
תספק שירותיס שמנצלים את יכולת הפעולה ההדדית 
והשילוב שמוצע על ידי המדיה החדשה. 


יכולת הפצת וידאו באיכות גבוהה באינטרנט לא 
אומרת שרשתות הטלוויזיה יעברו פשוט למצב 
מקוון. אין סיבה לכך שיימסע בין כוכביסיי וחדשות 
הערב ישודרו באותו הערוצ או על ידי אותה חברה. 
הסיבה היחידה לכך שזה נעשה כרגע היא משוס שעל 
שתי התוכניות לחלוק את אותו תדר השידור. ניתן 
לשלב בצורה טובה בהרבה סרטוני וידאו של חדשות 
עס כיסוי טקסטואלי של אותן החדשות, ולקשר אותן 
לניתוח רקע ולמשאבים חינוכיים. 


רוב סרטוני הווידאו שיהיו בשירותיס משולביס אלה 
יהיו קצריס מאוד, משוס שהמשתמשים ירצו לשלוט 
בפעולה ולקבוע את קצב צריכת המידע שלהס. 
אנציקלופדיות התקליטורים הן דוגמה טובה לכך. 
אמנס יש להן רוחב פס גדול בהרבה מזה שב-ס6/\, 
אך גרסאות התקליטורים עדיין מגבילות את סרטוני 
הווידאו ל-30 שניות. אס הסרטוניס היו ארוכיס 
יותר, המשתמשים היו משתעממיסם ומתאכובים. 
בנוסף, יש לחבר את הווידאו עס שאר השירותיס 
ולשלב אותו בטקסט, בסיסי נתוניס של תמונות, 
הנפשה ממוחשבת בשליטת המשתמש ועוד. המונח 
יימולטימדיהיי משמעו סוגי נתוניס רביס, לא רק 
טלוויזיה רציפה על מסך מחשב. 


בנוסף לסרטוני הווידאו הקצריס שמשולביס 
בנתונים, יהיו גס קטעי וידאו ארוכיס יותר, הזמיניס 
באינטרנט. עדייןו תהיה דרישה לסרטים והפקות 
באורך שעה של סיפורים, משוס שסיפוריס זקוקיס 
לפורמט הרציף בו המשתמש נוטש את האחריות על 
השליטה ופשוט צופה בעלילה כפי שהמחבר חשב 
עליה. אפילו הפקות רציפות אלו יופצו באינטרנט. 
מדוע שתוכנית תתחיל בשעה 9:00 אס אתה יכול 
לצפות בה כבר בשעה 50 :8! האפשרות לבחור וידאו 
על פי דרישה (800ח6כ צְפ) תדרוש ממשקי משתמש 
טוביס יותר מאשר אלה הקיימים כיוס (אף אחד לא 
צריך לקרוא ספר הפעלה כדי לצפות בשעשועון), אך 
יש לפנינו לפחות עוד חמש שנים כדי להמציא את 


העיצובים הללו לפני שהאינטרנט תהפוך למהירה 
מספיק כדי להחליף את רשתות הטלוויציה. 


למרות שהווידאו המשולב צריך להמתין לרוחב פס 
גדול יותר, ניתן לשלב כבר היוס פורמטי הפקה 
טקסטואלים (או כאלה שמכילים גם תמונות). 
השירותים יכוליס לשלב את כל סוגי המידע, החל 
בחדשות מיידיות, דרך ניתוח רקע וכלה במידע 
ארכיוני. השילוב של |הּחזטס? +56766 ||3\\ 6חד, ספר 
נתוני החברות יחד עס היכולת לאחזר כתבות ישנות 
אודות אותן החברות, יביא לשירות מקוון בעל ערך 
רב יותר משתי התכונות הנפרדות - ובעל ערך רב 
בהרבה מכל חדשות של יוס אחד. 


למרות שאני צופה את מות פורמטי המדיה הישנים, 
אני סבור שרוב האנשיס שעובדיס בתחומי מדיה אלה 
צפוייס לעתיד מזהיר. עדיין יחיה צורך בכותבים, 
עורכים, צלמים, מפיקי וידאו שתחקניס, אנשי במה 
והרבה אחריס. למעשה, הדרישה למומחי מדיה 
כשרוניים עשויה לגדול אס התוכן האינטראקטיבי 
ישחק תפקיד חשוב יותר בתיי היומיוס של כולנו. אני 
מאמין שזה יכול לקרות בקלות, משוס שמדיה 
אינטראקטיבית קורצת יותר מאשר המדיה 
הפסיבית. 


האנשיס שעובדיס כיוס בתחומי המדיה יידרשו 
לשנות את כישוריהס ולהתאיס אותם לעידן 
האינטראקטיבי. לדוגמה, הגולשיס קוראיס מידע 
מקוון בצורה שונה, ולכן על הכותביס לשנות את 
סגנוו הכתיבה שלהם. באותה המידה, צלס צריך 
ללמוד לצלס בדרכים שיאפשרו למשתמשים לבצע 
פעולה הדדית עס התמונה (לדוגמה, לחיצה על 
פריטיס כדי לקבל הסבר). 


אני פחות אופטימי ביחס לעתיד חברות המדיה 
העכשוויות בהשוואה לעתיד עובדיהן. עקרונית, 
חברות מדיה יכולות להכשיר את הצוותיס שלהן, את 
המיומנויות, סוגים, משאבים פיננסיים ויחסיהן 
לקהל, כך שיתאימו לעידן האינטראקטיבי. מעשית, 
חברות רבות מתוכן כבולות לפורמטי המדיה 
המסורתית והן אינן מביעות מספיק רצון להרחיב את 
סוגי הפורמטים. כמה מויילים של עיתונים מוכניס 
להתייחס למוצר המודפס שלהס כאל פרה חולבת 
שלא תחזיק מעמד למעלה מ- 10 שניס! כמה מאותס 
מו"יליס מממניס אתרי 60/\ בצורה שתהפוך אותס 
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6 עיצוב ממשק באינטרנט 


לשירות מקוון בוּכות עצמו ולא רק כסדרת העתקיס 
מקווניס של מאמריס וחדשות מודפסיסם! נקודה 
למחשבה! 


מסקנה 


ה-65/\ הנוכחית היא רק קצה קצהו של מה שניתן 
לעשות אס כל אזרחי העולס יתחברו דרך רשת 
יחידה. דפדפני ה-ט6/\ הנוכחיים גרועיס והס לא 
שופרו בצורה משמעותית מאז שנת 1993. אני צופה 
לבטח שעתיד ה-60/\ יהיה שונה בהרבה ממה שאנו 
מכירים. 


כשה-60/\ תגדל מ-10 מליון אתרים ל-200 מליון, 
ומ-200 מליון משתמשים למיליארד, התוצאה לא 
תהיה רק כמות גדולה יותר של מה שיש היום. 


קשה מאוד לחזות את השינויים המדויקים. אנו 
יודעיס לבטח שהעתיד ייראה שונה מהתחציות 
השונות אותן הצגתי בפרק ה. התחזית המובטחת 
היחידה היא שהקבוע היחיד הוא השינוי. 


כולי תקווה שיהיה הרבה יותר קל להשתמש ב-טפט 
בעתיד. למעשה, השימושיות המשופרת אינה רק 
איכות רצויה, זוהי איכות נדרשת משוס שהדרך 
היחידה בה אנו נוכל להעביר את 800 מליון 
המשתמשיס הבאים למצב מקוון היא על ידי הפיכת 
ה-65\\ לקלה יותר, הן במונחיס של טכנולוגיה כללית 
והן במונחיס של עיצוב האתרים האינדיבידואליים. 


הידעת ? 


להלן עשר השגיאות הנפוצות בעיצוב אתרים : 
1. ומן הורדה איטי. 

קישוריס בצבעיס לא סטנדרטיים. 

דפים ארוכים מאוד. 

כתוביות נעות או אנימציות אין-סופיות. 

שימוש במסגרות. 

דפים 'ייתומים'י. 

שימוש בטכנולוגיות חדישות. 


מורכביס. 


א ₪ 5 ₪ 5 4 ₪ ס 


חוסר תמיכה ואמצעי ניווט. 


- 
ש 


. מידע לא מעודכן. 


המקור: |ח16.0% 9905/א3|6700/ה56.60ט. צעשו 
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מסקנה: פעשטמות 
העניצוב ב-60//ש 


מהן שלוש הסיבות העיקריות שבגללן מגיעים המשתמשים לאתר שלך? 


פרק 9: מסקנה: פשטות העיצוב ב-858// 19 


0 עיצוב ממשק באינטרנט 


כשאני שואל מנהלי 65/\: יימדוע המשתמשים מגיעים 
לאתר שלכסנ'', לרוב הס אינס יודעיס את התשובה. 
אך גם כשהם יודעים, לעיתים הס אינס מעצביס את 
האתר כך שיתמוך במטרות המשתמש העיקריות. 
לדוגמה, הרבה אתריס שמתיימרים לחיות פורטלים 
עברו עיצוב מחדש, בו שדה החיפוש מוקטן, למרות 
שמשתמשים רבים מגיעים לאתר כדי לבצע חיפושים. 


אתרי ט6\\ צריכיס להקל על ביצוע הדבריס העיקרייס 
אותס המשתמשים מעונייניס לעשות. כמובן שיש 
לאפשר גס פעולות אחרות ותכונות מתקדמות, אך יש 
להקפיד על כך שהדבריס הפשוטים יהיו פשוטיס 
לביצוע. שאל את עצמך, האס החייס שלי מורכביס 
מדי או שאינס מורכביס מספיק! אס אתה סבור שחייך 
אינס מורכבים מספיק, תהנה מאתגר השימוש באתר 
מורכב שיש בו ממשק מסתורי והוא קשה לשימוש. 
אך רוב המשתמשים מעדיפיס את הפשטות (שוסווכחחו5). 


הגולשים מונעים על ידי מטרות ב-60/\. הס רוציס 
לבצע דבר ספציפי, והס אינס סובלים כל דבר שיתצוצ 
בינס לבין המטרה. לכן, העקרונות המנחיס בעיצוב 
ה-65/\ חייביס להיות כאלה שלא ישימו מכשולים 
לפני המשתמשים, ויעזרו להס להצליח ככל שניתן. 


65 השו-6וחסו] 


חלק מהאנליסטים מדברים על פוסטופוצ 6טףוחט, אך 
מדובר בסטטיסטיקה לא נכונה. קל מאוד למשוך 
מבקריס רביס על ידי קידוס מכירות גדול, אך וה 
אינו מועיל לאתר במאומה, אס המבקריס הללו מעיפיס 
מבט על הדף הראשי ויוצאיס מהאתר בשאט נפש, 
בלי רצון לחזור אליו. קריטריון ההצלחה היחיד לגבי 
אתר פ6/\ הוא תעבורה חוזרת של משתמשים נאמנים. 


לעצס החזרה או אי החזרה של משתמשים לאתרי 
מסוימיס יש ארבע סיבות עיקריות. ארבעת 
הקריטריוניס הללו הס הבסיס לעיצוב ס6\\ טוב, 
משוס שהס ארבעת הדברים אותס המשתמשים 
רוצים יותר מכל: 


% תוכן איכותי טסחססחסס /סו|הטם-90:₪) 
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6006/800.600./ע/עעץ 


ניסיון מעניין להעביר את סגנון ממשק 98 פשספחוצ\ לדף 
הראשי. למרות שאני תומך בשילוב גובר בין מחשוב שולחן 
העבודה ומחשוב האינטרנט, אני סבור שזו טעות לנסות 
לחקות את פשספחו/\, שיש לה ממשק מורכב מדי, באתרי 
0 ). ל-פסחו/\ יש לפחות את היתרון בכך שיש רק סוג 
אחד ממנה (אם נתעלם מההבדלים בין גרסאות מערכת 
ההפעלה), ולכן עליך ללמוד רק סדרה אחת של סמלים 
וצורות עבודה של הממשק. אך יתרון זה אינו מתורגם 
ל-60/\, שם לכל אתר יש תכונות משלו, והממשק אינו 
מתנהג כמו תוכנה שולחנית. הבה ונתמקד בהשגת 
הפשטות במקום לעצב מחדש ממשק מורכב. 
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שאלון משתמשים: מה 
גורם לתעבורה חוזרת ? 


65686 ז65%0זזס=] ביצעו 
מחקר, תוך הכרה בחשיבות 
המבקרים החוזרים, בו 
נשאלו 8,900 משתמשים 
מה גרם להם לחזור לאתרי 
0 . לרוב, אינני נלהב 
לתת קרדיט רב לשאלוני 
בחירה כשיטה תקפה 
ליצירת נתונים עבור עיצוב 
) . בסופו של דבר, 
הדברים שהגולשים אומרים 
והדברים שהם עושים, הם 
שני דברים שונים למדי. 
לכן, לרוב אין טעם לבקש 
מהמשתמשים למלא 
שאלונים, ויהיה קשה 
ללמוד מהם על התנהגותם 
במציאות וכיצד לתת להם 
שירות טוב יותר. 


אך במקרה הספציפי הזה, 
יש סיבות לקחת את 
המחקר ברצינות. באופן 
בסיסי, השאלון חקר 
גולשים מהי דעתם, ולא מה 
הם עשו באתרים, או מה 
גרם להם לרכוש מוצרים 
מסוימים. תוצאת המחקר 
היתה שהמשתמשים 
אוהבים למעשה את 
ארבעת הרכיבים הראשונים 
שנזכרו קודם לכן. ארבעת 
נושאים אלה הוזכרו כולם 
על ידי למעלה ממחצית 
מהמשיבים. המפתיע הוא 
שרק 14% מהמשיבים ציינו 
נושאים אחרים. 


למידע נוסף, פנה לאתר: 


. 61076066 וס סאו. אוחו/ /: קת 
25 וס 
סע זוא |החסח. 





2 שעעיצוב ממשק באינטרנט 


אס תוכל לספק את ארבעת הרכיביס הללו, המשתמשיםס 
יהיו שבעי רצון ולך יהיה אתר טוב. שלושה מתוך 
ארבעת הרכיביס מסביריס את עצמם, במיוחד לאחר 
שקראת את הספר. אך הרבה פעמיס שואלים אותי 
מה פירוש ייעדכון שוטף'י. אין לכך תשובה פשוטה, 
משוס שתדירות העדכון תלויה בנושא ובמטרות האתר. 


אתרים שמתמחים בחדשות או באירועיס עכשווייס 
זקוקיס לעדכוניס בומן אמת, ועליהם לרענן את תוכנס 
כמה פעמים ביוס. תדירות העדכון המינימלית צריכה 
להיות מוקדס בבוקר ולפני סוף יוס העבודה (על פי 
אזור היעד הראשי של האתר: אס האתר מיועד 
למשתמשיס ברחבי העולם, יש לדאוג לעדכוניס 24 
שעות ביממה, כך שיתאימו לוזמני הבוקר ואחר 
הצהרייס של כל מרכוי האוכלוסיה הראשיים). 
אתריס שמתמקדים פחות באירועיס האחרוניס זקוקיס 
לעדכונים על בסיס יומי או שבועי. באתריס שעוסקיס 
בנושאים שאינס משתניס בקצב מהיר, או כשאתה 
אינך מצפה מהמשתמשים לבצע פעילות מרובה 
באתר, ניתן להסתפק בעדכונים על בסיס חודשי. 


אס תעניק לאתר שלך את ארבעת הרכיביסם הנוכריס 
קודס לכן, תבטיח שהאתר יהיה פופולרי. אך לא 
מספיק לתת למשתמשים את מה שהס רוצים בלבד. 
עליך להוסיף מעבר לארבעת הרכיבים, כדי שהאתר 
שלך יהיה ידוע כאתר מצוין. לשם כך, עליך להוסיף 
את שלושת הרכיבים הבאים: 


% התייחסות לצרכי המשתמשים 
(6605ח 506765 סז %ח56|6/3) 


%%> שימוש במאפייניסם המיוחדים של המדיוס 
המקוון (ח וס 6חו|חס 506 סז סטסוחט) 


%> תרבות ארגונית רשתית 
(6ז60/0 806 סק 60 0716ח66-6%א) 


על פי הרכיב הראשון לא מספיק לספק תוכן איכותי. 
התוכן חייב גס להתאיס למשתמשים שלך, ולדבריס 
הספציפיים אותס הס רוציס לעשות. 


יתרה מזאת, האתר חייב לספק תוכן איכותי ורלוונטי 
זה בצורה שתהיה ייחודית למאפייני המדיוס המקוון. 

אם רק תשתמש מחדש ברעיונות שעובדיס היטב בעולס 
הפיסי, האתר שלך יהווה תמיד תוספת למשהו קיים. 


לבסוף - וזהו הקשה ביותר - הגישה שתיארתי לעיצוב 
ה-69/\ דורשת מכל החברה לעמוד מאחורי האתר, 
כדי לספק חוויית משתמש אופטימלית בעולס המקוון. 


אף צוות ט6/\, טוב ככל שיהיה, אינו יכול ליצור אתר 
0 )\ שיעבוד טוב, אס שאר חלקי החברה עסוקיס 
בעולס הפיסי ואינס מוכניס לשיס את האינטרנט 
בראש מעיניהס בכמעט כל הפרויקטיס המבוצעים 
בה. 


לחברות סטארט-אפ שקשורות באינטרנט בלבד יש 
את הגישה הנכונה, והן מארגנות את החברה כולה 
סביב מטרת שירות הלקוחות המקוונים. אך לחברות 
הוותיקות קשה לבצע את המעבר הזה, כל זמן שרוב 
המחלקות מלאות בעובדיס שלא רואיס את ה-60//\ 
כאסטרטגיה הכרתחית, ולפעמים רואים בה יימתחרת'י 
פוטנציאלית. לפיכך, אתרי ה-60/\ של רוב החברות 
הגדולות ימשיכו להיות מסובכים שלא לצורך עוד 
שניס רבות, משוס שהס ימשיכו לנסות לדמות 
מציאות לא אינטרנטית. 


טוב יותר מהמציאות 


במקום לחקות סממנים של מציאות, התחל ליצור עיצוב בעל עוצמה, שאינו תלוי במגבלות 
העולם הממשי. קשה מאוד להשתמש ב-66/\, ולכן עליך לגמול למשתמשים על ידי כך 
שתיתן להם משהו חדש וטוב יותר, שלא היה להם לפני כן. 


% אל תהיה ליניארי. אל תאלץ משתמשים לעבור רצף במשך זמן רב ללא יכולת שליטה 
על המתרחש. 


% התאם את השירות. מחשבים יכולים לעשות דברים שונים עבור אנשים שונים. 


% אל תסתמך על תזמון. קישור מותאם לבדיקת מצב הזמנה אמור לאפשר למשתמשים 
להמשיך את ה"שיחה" בפעם אחרת, ללא בזבוז זמן על הזנה מחודשת של ההקשר. 

% תמוך באנונימיות. אם הגולשים לא צריכים לחשוף את זהותם, הם ירצו לבצע יותר 
דברים. 


> קשר בחופשיות. הקישורים הם יסוד ה-60/\, והם יכולים להפוך כל דבר לשלוחה של 
השירות שלך. 


> תמוך בחיפוש ובריבוי תצוגות. לאנשים שונים יש העדפות שונות, ואין צורך להגביל 
אותם לזווית אחת של עשיית הדברים ב-60/\. 


> שמור על עיצוב קטן וזול. המחשבים יעילים מאוד, ולכן ניתן לעבוד עם יחידות קטנות 
בהרבה ממה שהיה בעבר. 


> היה חופשי. זול מאוד להציע דוגמאות חינם ב-ט6\\, ולכן מו"ל של ספר מסוים יכול 
להציע פרק בחינם (אתה מוזמן לבקר באתר ההוצאה הוד-עמי בכתובת: 
|(.60. וח-6סח.שאצ\ ולקרוא פרק לדוגמה מכל ספר). יועץ יכול לתת עצה חינם בקובץ 
0 (כמובן שהשירות המלא יינתן בתשלום בלבד). 


% התעלם מהגיאוגרפיה. תמוך במשתמשים שניגשים לאתר שלך מהבית, מהמשרד, 
מהרכב, ממקומות מרוחקים בזמן חופשות או מסעות עסקיים, ומכל מקום בעולם. 


פרק 9: מסקנה: פשטות העיצוב ב-858// 23 
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משתמשים נאמנים שחוזרים לאתר הם המפתח להצלחה ב-60/\ש, ותזכורות הדואר האלקטרוני 
הן לרוב דרך טובה לעודד גולשים לחזור לאתר. אך להודעת דואר אלקטרוני יש ממשק משתמש 
משלה, ויש לעצב אותה תוך התחשבות בנושא השימושיות. הודעה זו עושה את הדבר הנכון 
(היא קצרה) אך התצורה שלה שגויה מכף רגל ועד ראש: 


31 


שדה "חסז)" מכיל את השם "ץזוטסחו", שלא מקרין תחושה נעימה. זוהי הודעת תזכורת, ולא 
משהו שנשלח כתגובה לשאלת הלקוח. 


. שדה "0" ריק, ולכן ההודעה נראית יותר כהודעת פרסומת מאשר כשירות אישי. 


. שדה "500160" אינו מסביר בבירור במה ההודעה עוסקת. ישנם סוגים רבים של מילוי מחדש 


(וו68?) בעולם, כגון מילוי דלק ברכב או החלפת הדיו במדפסת. 


. ההודעה מדברת אודות ה-"ח66ז560 |68]" בלי לספק את כתובת ה-0₪1 של המסך המדובר. 


מדוע להעניש לקוחות שכבר שילמו לך, ולאלץ אותם לעשות עבודה מיותרת? יש סיכוי גדול 
מאוד שהם יאבדו את דרכם ברחבי האתר וההזמנה לא תבוצע. 


. וכדי להוסיף שמן למדורה, מספר המרשם אינו מספיק כדי לבצע את ההזמנה. אתר ה-ס6 


דורש גם את קוד בית המרקחת של המשתמש. כמובן שהמחשב יודע את הקוד, משום שזו 
הודעת תזכורת, אך כנראה שמפעילי האתר חשבו שיהיה זה קל מדי לספק ללקוח את כל 
המידע בהודעה (והלקוח הרי זקוק לאתגרים...). 


4 עיצוב ממשק באינטרנט 
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(בעמוד זה למעלה ובעמוד הבא) ה-65/\ איננה מדיה מודפסת והדף הראשי של האתר אינו 
עטיפת מגזין. בספטמבר 1999, המגזין חזוו0ק0וח605 עיצב דף ראשי שנראה בדיוק כמו עטיפת 
המגזין. אסטרטגיה זו נידונה לכישלון, משום שהקריטריון לעיצוב טוב שונה בין שתי המדיות. 
עטיפת מגזין צריכה, מעל לכל, לעצור את סריקת האנשים כשהם עוברים על פני המגזינים 
שבדוכן ברחוב. עליך לגרום לכך שהמגזין יבלוט החוצה וישכנע אותם לרכוש אותו. תמונה 
גדולה של דוגמנית חטובה בתלבושת מושכת היא דרך מצוינת לעשות זאת. לעומת זאת ב-60/, 
המשתמש כבר נמצא באתר, והוא כבר בחר לעשות עסקים עם החברה. אין צורך לבלוט מתוך 
ערמת מגזינים אחרים כשהדף הראשי שלך תופס את רוב שטח מסך המחשב שנמצא כמה 
סנטימטרים מעיני המשתמש. במקום לשכנע אנשים לקחת את המגזין, הדף הראשי צריך 
לשכנע אותם לעשות משהו באתר. העיצוב המחודש של הדף הראשי במהדורת אוקטובר 1999 
טובה יותר - לפחות הוא מתחיל להיראות כממשק ולא כעטיפת מגזין. הסיכומים הקצרים 
שמתחת לכותרות מסייעים רבות למשתמשים לבחור באפשרות המתאימה להם. 


פרק 9: מסקנה: פשטות העיצוב ב-60 | 385 


1 157 ו 8 פס ויוי ו |1וח = ה0ז593 


חנו 5 0 8ו562ח 8 >סו ד |פההפחס ₪ א>סו החוורהו א 


| 


ו 
בי וס 56 פוחד ח! 
7 
זט 30085507 שפח 3 ]הפע !וס 0567156 ט5 
ה : סוסה חזמם | 


זנ אטב 3 :|/19 זס1 פחסוזטקט 4חוחועז עס 661 


3 זס 503 החס|-זפקט9 8 , חבט חן זחבש טפ 
-ז818| 80זם!00 חו ופ 


)260%0 06 9 


1 


500 


1 


.6 1 ₪631 .הושרהס// 63 
863 |₪63 \ 


5 |8ו560 





6057700780.60777 ./ש/עעץ 


6 עיצוב ממשק באינטרנט 


רו|63 5 א3|3רהסד 






















יז יב וו וו יי 


5חו] פ'צְה סד + 0 9 ,21 59297097 צְה650טד 
5 וו דם ה 10:21:24 3% 0ַ8זבהקט 


הפסהועטחסס וח'1 ?800 600 זס %80%ח60 אַפַחוקבּחַב] 6 

| 5988 3% החואסס| ז'חפזבּ פע ,00855ב 5% עטום פצו הפחצו זבח+ 

,%ח%8ח00 +01 החסצו ב ץ!|בּזם+ו| 15 59|1זו ספ/ל 8חף) +הפ+חסס 

5אחו] 5'ץ03סד ז0 ₪35 פעח 51ב והזחב הב ח* הַחהו75פ%ח! פזסו חב ,פה ,חפטואו זב 
זז ז+גום , ( חס ספהחסש 88% זטום קס3% זפץבּ| חב3ס 150 צחבּ 

8זםז5 הח|₪83 5'>ב|בחחסד .8% 8ח?+ סל 5חסוזספהחס0 +חפזב ק5חביל , פ|טבו|פ ,135% זסז 


5 בחב 8780085+ח60 38 8+בזסכזס0 4 ;1999 ,20 עזבּטחב2 סז :חסו53 * 
.058000910 500% . עוסקסתס!! +פחזט+חז + 
5 

5 ספססוו חו הס = פהסזבספפם-טפ/\ 8 :פפחזוד ץצ 
05 5אחנ1 5'עְבהסד 5ב 60 זסזסוא גזס= ,435598 5פטססב3] . פזטוסט= 
חס הסוב ?הו הַחואבוח ₪ [פעולטספאם זפוח0 בחב זחסטופפיום 
8 ,5%00875ו0 0+ 0|8ו00855ב צוו635 ץזו|וטבוובּעב זסטטסזוק 
8 סח +וסקוט5 + זס הּהָזבּח0 חו תפר %+טכ |וואי פסועז58 8ח+ ,חס זחפצעו 
זפ +05 58ב פזסחו ץ|פזבחופוג וו חב ,חסוזסב53חבי1 
.חסוז5115+30 


בואט ש= א 60% זס? חח 5זפ!וקהחס00 03303358 :08| חס₪05% 

.ה ּ|הּה ס]. שש ו :זוב?חו 588080 +סח בח 5וח+ ,עופז3! וסחש . הפופספזסזם 

+ 5חַח8חז03 ע]|בּזפחפט פחב ,|| 387 ,ְפפַפבּטבּ+בס 

+ 58 8+ 0% .58| פחספוח50 עם 0783+80 תסוזבּחחס+חו 

5 606% זפה+פח/ זפטס 0803%8 80ז3ח בספזקוחסזום 135 זפהזט+ח1 פר+ 

טפ הזוס זטם=-עזא51 5'חיטזב53 . 0030008 4|ופח5 5צוב| 58סח+ 
(23 ז5וחָט) עְחַ5%7318 





3 0085 85555זְחַח60 ;1999 ,4 פחטנ ;סז :אב | ו63 * 
ז||005+58 שפח + 5חבפטופחד 8ב 556ב03+0 
(20 +פַחָ80₪) חס20בחחה זס+ 5%5ו| 
זב 15 . הַז08 05 500% .5פשחגום פחזבּח הובּחוסם :חס|53 
48% הט סחצעצ 0|65+ 8ח+ 03% פסט|סחסס סז +סח 
[3ו500 03510 05% 8ח+ 01 +הבוסחטו ץפז+גו פוב פהסוזטוס5 
3 סט5 עבוכ צ8ח+ ושח 8ח+ 01 831/85 |בסוחח0ספ+ סחב 
הַחוהַבחבּ חו פוט |בז%חפס 





08/8%.00ח0./ש/ע/ע 


פרק 9: מסקנה: פשטות העיצוב ב-66/ | 387 


(בעמוד הקודם) האתר 
רח|₪68 5'בּ|הוחסד הוא סוג 
פרסום ייחודי ל-65/\. אין בו 
דבר מלבד קישורים. בכל יום, 
העורך בודק את ה-60/\ 
ומחפש כתבות מעניינות 
והערות על נושאים מסוימים. 
הנושא היומי היה במקרה 
אסטרטגיות עיצוב 60/\, אך 
הרעיון יעבוד טוב עם כל נושא 
מיוחד שמקבל התייחסות 
במגוון פרסומים ואתרים. 


למשתמש ישנם שלושה 
יתרונות באתר. ראשית, הוא 
מציע דף יחיד, בו ניתן לבקר 
כל יום כדי לקבל מבט כללי 
של כל הכתבות הקשורות 
לנושא. שנית, כל הכתבות 
מוצגות בפורמט עקבי, ולכן 
המשתמש אינו צריך לטרוח 
ולהתעסק עם פורמטי ניווט 
לא מובנים בתוך האתרים 
בהם מופיעים הפרסומים 
השונים. ח|₪68 36'5|הוחסד 
מסכם כל כתבה בכמה 
שורות, דבר שמספיק לרוב 
כדי לקבוע אם כדאי לעבור 
לקישור ולקרוא את הכתבה 
המלאה. בניגוד לכך, אתרי 
6 \ רבים לא יודעים לספק 
מיקרו תוכן, ולכתוב דפים 
ראשיים בצורה שתיתן 
למשתמשים תצוגה מקדימה 
נאותה של הכתבות. לבסוף, 
האתר מציב קישורים לכתבות 
ממגוון אתרים זה לצד זה, 
כשפעמים רבות נכללים 
קישורים לנושאים שנידונים 
לאחר מכן באתרים אחרים. 
יכולת זו לבסס את הפרסומים 
רק על ידי הקישורים, ולספק 
הערות עורך ורקע על ידי 
קישורים נוספים מהווה צורה 
אמיתית של מדיית 60\/\. 


8 עיצוב ממשק באינטרנט 


זמנים טובים או זמנים רעים? 


"65ח 01 5%זסעט 6 5העו + ,65וחוז 01 065% 66 בצ 16" 
הציטוט המוכר מתוך סיפרו של צ'ארלס דיקנס 
מתאיס לתיאור המצב הנוכתי. 


מהרבה בחינות, ווהי התקופה הטובה ביותר משוס 
שאנו בתוך תהליך המצאת כלכלה חדשה ודרך חדשה 
לטפל בחלקיס גדוליס של החיים העסקייס 
והיומיומייס. במהלך 15 השניס משנת 1993 (השנה 
בה ה-60/\ התחילה לצבור תנופה) ועד לשנת 2008, 
יקרו דבריס חסרי תקדים, וחברות ייאלצו להסתמך 
על צרכי הלקוח כדי לשרוד. בומן כתיבת שורות אלו, 
אנו נמצאיס בערך באמצע המהפך, אך עקומת הגידול 
של ה-60/\ אקספוננציאלית, ולכן עד עתה חווינו רק 
אחוז או שנייסם מהשינוי הסופי. 


אנו החלוציס שבוניס את הכלכלה החדשה: יש בידינו 
לעשות כל שנרצה. הדבריס עליהס אנו עובדיס כרגע 
יהיו בשימוש מיליארדי אנשיס תוך כמה שניס. אס 
אוהי אינה התקופה הטובה ביותר, אין לי מושג מהי 
ההגדרה של תקופה שכזו. 


נהוג היה להתעלם מנושא השימושיות (שווופ58) 
וכמעט שלא להתייחס אליו בתעשיית המחשבים. 
חברות מחשביס סירבו תמיד לשיס את השימושיות 
כקריטריון העליון בפיתוח מוצר. במקוס זאת, הן 
שמו תמיד בראש מעיניהן את הביצועיס והתכונות, 
ומומחי השימושיות נדחקו תמיד לתחתית רשימת 
העדיפויות, קצת מעל הכתביס הטכניים. 


נושא השימושיות צבר חשיבות רבה בחברות 
מבוססות 69/\ בשל המהפך בקשר בין חוויית 
המשתמש והיכולת לגרוס ללקוחות להיפרד מכספם. 
בעולס הישן, שנשלט על ידי רוב חברות המחשבים, 
הלקוחות שילמו קודסם עבור המוצר, ורק לאחר מכן 
לקחו אותו הביתה וגילו שקשה להשתמש בו. בזמן 
שאתה מגלה שעליך לקרוא ספר הפעלה עבה כדי 
לדעת כיצד לבצע פעולה פשוטה, כספך כבר הועבר 
לחשבון החברה. 


כמובן שתעשיית המחשביס שילמה על טעויות 
השימושיות שהיא עשתה במשך 10 השניס 
האחרונות. כדי לא לקפח את מומחי השימושיות 
הרביס בחברות המחשביס והתוכנה המסורתיות, 
נדגיש כי אכן קשה לשפר את נושא השימושיות 


בעיצוביס שצמחו מעידן ה-005 כשארכיטקטורת 
המערכות הבסיסית עדיין עוררה סלידה. אך בסופו 
של דבר, השימושיות היתה נושא משני בתעשיית 
המחשבים, משוס שהלקוחות לא היו צריכיס 
להתמודד עס התוצאות אלא לאחר שהם כבר שילמו 
עבור המוצר. 


ב-60/), המצב הפוך. המשתמשים חוויס את רמת 
השימושיות של האתר מהרגע הראשון בו הס חושביס 
על אפשרות עשיית עסקיס עס החברה. המשתמשיס 
צריכיס לנווט באתר, ולמצוא את המוצריס לפני 
שהם מגיעיס להחלטה לשלם. נושא השימושיות הוא 
הדבר הראשון שהמשתמש נתקל בו גם אס האתר 
אינו מנסה למכור דבר. המשתמשים הנאמנים הס 
הערך האמיתי היחיד באינטרנט, והס לא יחזרו 
לאתריס שקשה להשתמש בהם. הס יחזרו לאתר 
ויתחילו לשלם רק אם חוויית המשתמש הראשונית 
שלהס טובה. 


הקלפים נטרפו ונושא השימושיות הפך לעיקר 
התחרות הנחוצה להישרדות של עסקיס בכלכלת 
הרשת. רק אתרים טובים יזכו לתעבורת משתמשים. 
אס הלקוחות לא יכוליסם למצוא מוצר באתר מסחר 
אלקטרוני, הם לא יקנו אותו. רוב חברות 
הסטארט-אפ שקשורות באינטרנט מבינות 
שלטכנולוגיות החדשות שלהן אין סיכוי לשרוד, אלא 
אס השימוש בטכנולוגיות אלו יהיה קל. אכן, נראה 
שאנו נמצאיס בתקופה הטובה ביותר עבור אנשי 
שימושיות (מעצבי הממשק) שמשתחררים מכבלי 
ההתנגדות של תעשיית המחשבים, ועובריס 
בהמוניהס לתעשיית האינטרנט. 


אך מכמה בחינות, אנו נמצאיס גס בתקופה הגרועה 
ביותר. ההווה הוא תקופה מיוחדת בהיסטוריה 
האנושית, משוס שזוהי הפעס הראשונה בה האנושות 
איבדה את השליטה בכליה. 


מאז ימי קדסם, היתה לאנושות שליטה בכליס שהיא 
יצרה. אנשי תקופת האבן ידעו את מאפייני האבן, 
והס ידעו כיצד להפוך אותה לגרזנים חדיס. האיכריס 
בימי הביניים ידעו כיצד לבנות מחרשות וכיצד 
להשתמש בהן כדי לחרוש את השדות, והם ידעו 
לבטח כיצד לשלוט בשווריס שלהס. בהיסטוריה 
הקרובה, האנשים הבינו את מבנה הרכב: גם אס הס 
לא אומנו כמכונאים, נהגיס בשנות ה-50' ידעו טוב 
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מה היה מתחת למכסה המנוע, הם ידעו את משמעות 
הקולות השוניס שהמכונית שלהס עשתה, והם ידעו 
כיצד לתקן אותה. 


כיוס, משתמש המחשב הממוצע חי בתחושת פחד, 
כשהוא נתון לסיכון מתמיד של איבוד נתוניס בדמות 
מסך כחול שעלול להופיע בומנים לא צפויים (אפילו 
ביל גייטס ראה מסך כחול זה). איבדנו 2000 שנות 
התקדמות בחשיבה רציונלית, וחזרנו לאמונות טפלות 
ולהתנהגות שבטית, בדמות משתמשיס שלוחשים 
כשפים למחשביס שלהם בלי להבין את משמעות 
המילים, אך תוך תקווה שהתוצאה תהיה מבורכת. 
צפה במשרדים ברחבי העולם, ומנה את מספר 
הפתקיס שמוצמדיס למסכי המחשבים כדי להבין על 
מה אני מדבר. בכל פתק כזה יש לחש סתריס בכמה 
שלבים שמוצעיס כמנחה למכונה הגדולה. אס שלב 
מספר 5 בהוראות ההדפסה של מצגת היה להקריב 
עז, המשתמשים היו עושים זאת בשמחה, תוך לחיצה 
על תיבות סימון שאינן מובנות להס. 


תעשיית המחשבים אפילו מכירה בטבען המסתורי 
והקסוס של יצירותיה על ידי שימוש בדימויים כגון 
ייאשף'' (0ז28)\\) כאשר מעונייניס להסיר את הערפל 
מממשק עמום במיוחד על ידי נפנוף שרביט האשף. 


עלינו לחימנע מהתנגדות לטכנולוגיית המידע. הגיע 
הזמן לקוס להגנת האנושות בעידן המכונות. 
משתמשי ה-פ6/\, התאחדו ובקרו באתרים היעילים : 
אין לכס מה להפסיד פרט לזמני ההשהיה עד להופעת 
האתר. 


איננו חייביס ללכת בדרך זו. ברגע ה ממש אנחנו 
יובריס לעצמנו את עתידנו, ואנו יכוליס להחליט 
לכבד את בני האנוש, ולעצב אתרים שיסייעו 
למשתמשיס לקבל שליטה מחודשת על הטכנולוגיה 
שברשותם, הכליס בהס הס משתמשים ואתרי ה-60/\ 
בהס הס מבקרים. ברמה מסוימת, ספר זה הוא 
מרשס להגברת תעבורת המשתמשים והמכירות 
באתר ה-60/\ שלך, שעושה ואת על ידי הגברת 
שביעות הרצון של הלקוח מעיצוב שמיש. אך ברמה 
אחרת, הספר הוא הדרך של ה-60/\ לכפר על חטאי 
המחשבים, ולהשכין שלוס מחודש בין האנושות לכלי 
העבודה שלה. 


הצבעה באמצעות לחיצת עכבר 


כל משתמש יחיד מצביע עם כל לחיצה על לחצן העכבר. רוב ההצבעות הללו מגיעות 
לאתרים שרמת השימושיות שלהם גבוהה. אתרים שיש בהם תעבורת משתמשים גבוהה 
מקבלים ציון גבוה בהרבה מבחינת השימושיות, מאשר אתרים של חברות שוות ערך 
שתעבורת המשתמשים באתר שלהן נמוכה יותר. בשנת 1999, הכנתי טבלה של הפרת 
כללי השימושיות שלי בשתי קבוצות אתרים. מדד הפרת כללי השימושיות באתרים עם 
תעבורת המשתמשים הגבוהה היה נמוך בשליש מזה של האתרים בקבוצת הביקורת. 


ההבדל נובע ברובו מזמני הורדה. הדף הראשי ירד בזמן ממוצע של שמונה שניות באתרי 
התעבורה הגבוהה, יחסית לזמן ממוצע של 19 שניות באתרי התעבורה הנמוכה. 


כמובן שדבר זה לא קורה משום שחברות שהרבה משתמשים מתחילים לבקר בהן מתחילות 
פתאום להתייחס לכללי השימושיות שלי. לרוב, הסדר הוא הפוך. ראשית, האתר מעוצב 
ברמת שימושיות גבוהה, ולאחר מכן הוא מתחיל למשוך יותר משתמשים שחוזרים אליו 
לעיתים קרובות יותר. 


המשתמשים מעדיפים אתרים עם רמת שימושיות גבוהה, ולכן חוקי ההישרדות יביאו בסופו 
של דבר לכך שרק האתרים עם רמת השימושיות הגבוהה ישרדו. רמת שימושיות גבוהה 
משמעה יותר משתמשים ויותר מכירות, ולפיכך שגשוג. 
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התקליטור המצורף 


מה בתקליטור? 


הוצאת הוד-עמי מגישה לך תקליטור הכולל: 
% קטלוג .1 1 1 - קטלוג ספרי המחשביס האינטראקטיבי של הוצאת הוד-עמי. 
הקטלוג מאפשר קריאת פרקים לדוגמה, תוכן עניינים ועוד. 


לשס קריאת הפרקים לדוגמה יש להתקין את תוכנת 8680067 67008% 40006 
אשר מצורפת בתקליטור. הוראות התקנה בהמשך. 


הקטלוג מומלצ לצפייה באמצעות זסזס|קאם +6חזס)ח! גירסה 5 ומעלה. הדפדפו 
מצורף בתקליטור. הוראות התקנה בהמשך. 


התקנת שתי התוכנות קלה וניתנת לביצוע באמצעות קישור ישירות מהקטלוג. 
%> תוכנות עזר שימושיות. 


הערה: אם מנהל התקן כונן התקליטורים המותקן הוא 16 סיביות - ייתכן שתראה רק 
8 תווים ראשונים של שם קובץ (במידה שהמקור ארוך יותר). 

הסיבה: כונני תקליטורים במהירות 4א עובדים עם מנהל התקן שעבד בסביבת 05 
ו-3.11 פאוססחו/\ ויכול לעבוד גם עם 95 פשוספחו/\, למעט היכולת לזהות קבצים עם 
שמות ארוכים. 


הפתרון: להתקין מנהל התקן 32 סיביות (אם קיים), או לקנות כונן תקליטורים חדש 
ולוודא שמצורף אליו מנהל התקן 32 סיביות. 


אם אינך בטוח כיצד להתקין את התוכניות שבתקליטור פנה לאיש 
מקצוע. 


קרא את קובץ פ6אס שבתקליטור 
כדי לקבל עוד מידע לגבי התקליטור 
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היכן נמצאים הקבצים הקשורים לספר זה? 


התיקיה הרלוונטית לספר זה היא 59305 \8005 


תחת התיקיה 80065\59305 \:א (החלף את האות א באות הכונן המתאים) תמצא את 
הקוב> ווחשח. ש\פ. 


לח עליו לחיצה כפולה. 


לפניך מנגנון צפיה בכל התמונות המופיעות בספר. בספר הן מופיעות בשחור/לבן 
ובתקליטור - בצבע. 


כדי לאתר את התמונות, פעל לפי הכללים המובאים בדוגמאות הבאות : 
> התמונות של פרק 4 נמצאות תחת הקישור 4 6080 . 

תמונה בעמוד 32 תיקרא 032. 

תמונה בעמוד 197 בחלקו העליון תיקרא 197ק. 


תמונה בעמוד 197 בחלקו התחתון תיקרא ש197%ם. 


6% 6% 9 % 


כדי לחזור לעמוד הראשי, הפעל את הקישור +%60ח60 +0 6!פבּד. 


ז3 600 - התקנה 


יש להתקין תוכנה וו כדי לקרוא ולהדפיס את הפרקים לדוגמה, אליהס ניתן לגשת 
באמצעות קטלוג דח (שהתקנתו תוסבר בהמשך). התוכנה גס מאפשרת חיפוש 
בעברית ובאנגלית במסמך המוצג. בנוסף, בעזרת תוכנה ו תוכל לקרוא את המסמכים 
שההוצאה מפרסמת באתר האינטרנט. התוכנה פועלת במערכות הפעלה 95 פששסחו/%\ 
ומעלה. 


1. לחצ על לחצן התחל ובחר באפשרות הפעלה. 


2. בתיבת הטקסט הקלד את הפקודה 
46 \ \ +ְהפ 60 2/6006 \ ס6יובעש5010 \:א (החלף את האות א באות 
המייצגת את כונן התקליטוריס שלך) ולחצ על אישוד. 


3. אשף ההתקנה מתקין את הרכיביס הנדרשים. עליך ללחו על +אפא, 666% 
ו-+א6א פעם נוספת כדי לבצע את ההתקנה. 


4. בסיוס ההתקנה עשויה להופיע על המסך תיבת דו-שיח התנגשות בין גירסאות 
ומייד אחר כך להיעלם. במקומה תופיע על המסך תיבת הודעה של תוכנית 
ההתקנה. לחץ אישור ובתיבת הדו-שיח התנגשות בין גירסאות ששבה להופיע 
לח כן, כדי לשמור את גרסת הקוב שלך. 
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קטלוג ואד 


הוצאת הוד-עמי גאה לבשר על קטלוג ₪31 העושה שימוש בטכנולוגיות אינטרנט 
מתקדמות כדי להביא לך את המידע על ספרי המחשבים המקצועיים שלנו בלחיצת 
לחצן העכבר. 


התקנת הקטלוג אינה מעתיקה קבצים לכונן הדיסק הקשיח המקומי, אלא רק מציבה 
סמל קיצור דרך אל הקטלוג על שולחן העבודה שלך. להפעלת הקטלוג חייב התקליטור 
להימצא בכונן. 


הקטלוג מומלא לצפייה באמצעות זסזס|קא= 6%חז6סח1 0500ז6!. 
בעזרת קטלוג !ואדה תוכל: 
1. לעיין במידע אודות ספרי ההוצאה מתי שתרצה (לחיצה כפולה.... וזהו!). 
לעבור במהירות ובקלות בין הקטלוג והיישוס בו אתה עובד. 
לעיין במידע אודות כל ספר וספר. 
לצפות ואף להדפיס פרק לדוגמה. 
לצפות ואף להדפיס מגה-אינדקס של הספר. 
לגשת במהירות, בגישה אינטואיטיבית, תוך התמקדות מהירה בספר המבוקש. 


לעיין בקטלוג בקצב אישי שלך. 


א%- ₪ 5 ₪ 5 4 ס 


לנווט את דרכך בקטלוג ולתחזור ולהתרענן בכל נושא בכל רגע. 


הקטלוג ניתן לצפייה באמצעות וסיוס!ןאם 6%ח'ו%6ח1 


1. הכנס את התקליטור לכונן. 
2. לח על התחל ובחר הפעלה. 


3. בעזרת לחצן עיון סמן את הקוב 560.5%5 אשר בתיקיה הראשית של 
התקליטור המצורף. 


4. לח\ פתח. 


5. לח אישוד. 


קטלוג ומחירון מעודכנים של ספרי ההוצאה נמצאים 


באתר האינטרנט |31711.60.1 -10201]. אע 
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1. ודא שתקליטור הוד-עמי נמצא בכונן התקליטורים. ב 


2. הפעל את הסמל עם הכיתוב קטלוג ספרי מחשבים קטלוג סָפרִי 
בהוצאת הוד-עמי שעל שולחן העבודה. מחשבים 
בהוצאת 
הוד-עמי 


מה עוד בתקליטור? 

ו 
הוצאת הוד-עמי מפיצה תוכנות אלו כבונוס ללקוחות ההוצאה, ואינה מתיימרת לגבות 
תשלוס עבור התוכניות המצורפות, ו/או לתמוך בהס. 


אזהרה : השימוש בתוכן תקליטור זה הוא על אחריותו הבלעדית של המשתמש. 
המוצריס המותקניס בתקליטור וה מסופקיס באחריות החברות המייצרות אותם, 
בהתאס לתנאי האחריות המצורפים לכל אחד מהמוצרים. הוצאת הוד-עמי אינה 
אחראית, בכל צורה שהיא, לאופן ולטיב התוכנות המותקנות. 


בכל שאלה לגבי תוכנה הנמצאת בתקליטור, יש לפנות למפתחי התוכנה (כל תוכנה 
בנפרד) כפי שמצוין בקבצי העגרה של התוכנה המדוברת. 


הקבצים הס גרסאות שיתופיות (6זבּ\\סזַ3ח5) וחופשיות (6זב06\)3זת). 


גירסה שיתופית (50876\)876) מאפשרת לך, המשתמש, לבדוק את יעילות התוכנה ואת 
תאימותה לעבודה אותה אתה מבצע. אם נמצאה התוכנה מתאימה לצרכיך, עליך 
לשלסם למפתחיה תשלוס סמלי (לפי הרשוס בקבצי העזרה של כל תוכנה ותוכנה בנפרד) 
כדי לקבל רישיון מלא לשימוש בה. רכישת רישיון לשימוש בתוכנה יפתח בפניך מיגוון 
אפשרויות שייתכן ולא עמדו לרשותך בהפעלת הגירסה השיתופית. 


ההא 5+הס- 


קובצ וה יתקין במחשב שני גופניס בעברית לשימושך. בסיוס ההתקנה יש לבצע את 
הפעולות הבאות : 


1 לח על התחל, הצבע על הגדרות, ובחר בלוח הבקרה. 

לח לחיצה כפולה על הסמל גופנים. 

פתח את תפריט קובץ ובחר באפשרות התקנת גופן חדש. 

עבור לתיקיה ח8א6ק65חסת\:6. 

לח על לחצן בחר הכל (סהייכ יש בתיקיה שני גופנים). 

וודא שתיבת הסימון העתק גופנים לתיקיית הגופנים מסומנת. 
לחץ אישור. 


סגור את חלון התיקיה 65חס=. 


א ₪ 5 ₪ 5 4 ₪ ספ 


סגור את חלון לוח הבקרה. 
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כעת, מוכנים הגופניס לשימוש בכל התוכנות המותקנות במחשב שלך : 0זס/ו, |ססאם, 
%חוסקזוס/וסק וגס בתוכנות גרפיות, כגון סזק קסח5 %חו3ק ו-קסתפס6סחק. 


הגופניס נקראיס >וא[ונ-|וחד ו-5%60-!חחד ויופיעו בתחתית רשימת שמות הגופניס (בדרך 
כלל). הרי דוגמה שלהס : 


כ5%67-|וח ך 
א ד 7 רו ופיצ ץוע עוךן 0 4557 3 


ק\אט(.-|וחד 


אבו דהוזהטיכךרמם;ןסעפף<ץורעות1234567890 


התקנת תוכנת גלישה לאינטרנט 
5 ז6זס!ןא= +706ו6+ח! +0501ז6ווא 


תוכנית ההתקנה מזהה את גרסת מערכת ההפעלה ומתקינה את גרסת הדפדפן 
הדרושה. 


ניתן להתקנה בכל מחשב בו מותקנת מערכת הפעלה 95 פווססחו/\, 98 5שוסטחווש, 
6 פשססחו/\, 2000 5שסשחו/\ בממשק משתמש עברי או אנגלי. 


1. הכנס את התקליטור לכונן. 

. לחץ על לחצן התחל ובחר באפשרות הפעלה. 

. לחצ על לחצן עיון. 

. בחר בכונן התקליטוריס בתיקיה 6\!555ז3שוז501 ובקוב\ בשס 6א59%00.6. 
. לחצ על לחצן פתח. 

. לח על לחצן אישור. 


+4 30 ₪ 


. פעל לפי ההוראות על המסך. 


אזהרה: 


לפני ביצוע שדרוג מ- 95 פווסטחו)\ ל- 98 פווסשחו/\ בעברית (זו בה 
התפריטים בעברית ולחצן התחל מימין שורת המשימות) יש להסיר כל 
התקנה קיימת של 5 זסזס)קאם 6%חז66ח!. לאחר ביצוע השדרוג ניתן 
לבצע התקנה מחדש, של הגירסה המתאימה. 
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א=א 


במקוס לרשוס |ו.6-801.60סח.צשאואו//:קאח פשוט רישמו הוד-עמי והנה אתס באתר 
ההוצאה. 


במטרה להגיע לאתר מסוים באינטרנט, שכתובתו אינה ידועה, אנו משתמשים 
בדרך-כלל באחת משתי דרכים: ניחוש של כתובת האתר ו/או פנייה לאינדקס או 
למנוע חיפוש. 


שתי הפעולות הן מסורבלות וגוזלות זמן ואנרגיה מיותרים. ניחוש הכתובת מחייב 
הקלדה של הכתובת המלאה באנגלית בדיוק מושלם, והוא עשוי להיות הליך גוזל זמן, 
במיוחד כאשר לא מצליחיס למצוא את האתר בניסיון ראשון או בכלל. 


עס 606% לא צריך לנחש כתובות או לגלוש למנועי חיפוש כדי להגיע לאתר מסויס 
ברשת! פשוט מקלידיס את שס האתר בעברית בחלון הכתובת בדפדפן, ומגיעים אליו 
ישירות. 


אפשרויות השימוש במערכת 


גלישה ישירה לאתר על-פי שמו או על-פי נתוניס הקשורים בו. 


מקלידיס בחלון הכתובת של הדפדפן שס של אתר או חברה או מילות מפתח הקשורות 
באתר (בכל סדר שהוא), ומגיעיס אליו ישירות. 


לדוגמה: 


% מקלידים הוד-עמי או הוצאת הוד-עמי או ספרי מחשבים ומגיעים ישירות לאתר 
הוצאת הוד-עמי לספרי מחשביס. 


מקלידים בנק דיסקונט - ומגיעים ישירות לאתר של בנק דיסקונט. 
מקלידיס סלקום או 052 - ומגיעיס ישירות לאתר של חברת סלקוס; 


מקלידיס עכבר העיר - ומגיעיס ישירות לאתר של העכבר; 


6% % 9 % 


מקלידיס 144 - ומגיעיס למודיעין 144 של בזק; 
התחברות למערכת הניתוב החדשה של ישראל 


כל שעליכם לעשות כדי להתחבר ל-א665\ הוא להתקין תוכנה קלה וחכמה: 
1 יש לסגור את כל התוכנות הפתוחות כולל הדפדפניס הפועלים. 


2. מתוך סייר 5ווסחו)\ הפעילו את הקוב 6א116.6א6%6%ח שבתיקיה 
א6\\6%5 זה וו\5016\:א. 


3 פעלו בהתאם להוראות. 


בומן ההתקנה התוכנה מזהה את הדפדפן/יס שמותקניס במחשב, והיא תפעל עס 
כולם. מייד אחרי סיוס ההתקנה תוכלו להתחיל לגלוש חכסם ובעברית. 
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המערכת שקופה למשתמש, כלומר היא יימתלבשת'יי על הדפדפן הרגיל ואינה נראית 
כלל. אין בצורך להפעיל אותה או לבצע פעולה כלשהי כדי להשתמש בה: פשוט 
מקלידיס את שס האתר המבוקש בשדה הכתובת של הדפדפן, ומגיעים ישר אליו. 


התוכנה אינה מפריעה לעבודה רגילה עס הדפדפן. היא נכנסת לפעולה רק כשמקלידיס 
נתון שאינו כתובת אינטרנט רגילה (0₪1). כאשר תקליד וו.סס6.ווחה3ּ-6סח. טש/ט תגלוש 
ישירות לאתר הוצאת הוד-עמי, בדיוק כפי שנהגת לגלוש לפני התקנת התוכנה (ללא 
מעורבות המערכת). אך אס תרצה, תוכל להקליד הוד-עמי בשדה כתובת ולהגיע 
במהירות לאותו אתר בדיוק. 


תיקיה ראשית 6זג501%)3 
(הרשימה חלקית ועשויה להשתנות) 


הערה: תוכנות להן יש גירסה מיוחדת עבור 2000 פאוסטחו/\ יסומנו בתיקיה ששמה 
מסתיים ב- 26 (למשל, בתיקיה 160 נמצא קובצ התקנה לתוכנה זו המתאיס לכל 
גירסאות פאוס0חו/\, ובתיקיה 1602% נמצא קובצ התקנה עבור מערכת ההפעלה 
0 פשוס6חו/\ בלבד). 


בדרך כלל לחיצה כפולה על שס הקוב המפורט ברשימה מפעילה את תוכנית 
ההתקנה. 


שם תוכנה תיאור קובץ הפעלה 0 


0006 | תוכנה לצפייה בקבצי /0ק, כולל תמיכה 66 ס6רו4ם ןחה 
בעברית 


ו ו ו ו 
ח8א6קסחס= | גופנים בעברית 6 .חס | פריסה 
₪3 תוכנה לתקשורת אישית באינטרנט 86 | התקנה 
6 | תוכנת הצ'אט הפופולרית ביותר ברשת 6 ווה | התקנה 
- ו 
ו 


10 


: 
ז 
9 
ז : ונה 
ןנה 


תוכנה להשמעת קבצי 3קו! (מוסיקה 256.66רח תו 
0 
וכית לצפייה בקבצי 656 (ל סוס 
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תוכנות 06013ז₪36 


תוכנות אלו סופקו באדיבותה של חברת 6650%ו0. הוצאת הוד-עמי אינה תומכת 
בתוכנות. בכל בעיה הקשורה בתוכנות 186706018 נא לפנות למחלקת התמיכה של 
חברת 0016%501%) בטלפון 09-7414157 לשלוחות 105-106. 


שם תוכנה קובץ הפעלה ‏ | מבצע . 


ור 
8 זס66זוכ | תוכנה לבניית אנימציה ממוחשבת 0% | התקנה 
למולטימדיה 


1 ו ו 
עורך ואלו 0 
1 ו ו 


3 5אזסצוסזו= | תוכנה לעיבוד ויצירת גרפיקה ות | התקנה 
לאינטרנט 


5 ח35=₪ | תוכנה לעיצוב אתרים באינטרנט 86 | התקנה 


9 667800 | תוכנת אילוסטרציה ליצירת אלמנטים 6 ]1 | התקנה 
גרפיים וקטוריים. 


כדי לקבל הוראות התקנה נוספות יש להתקשר למחלקת התמיכה של קוויקסופט. 


טלפון: 09-7414157 שלוחות: 105-106 
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אינדקס 


האינדקס באנגלית ולכן הוא מתחיל מסוף הספר בעמוד מספר 1 ומתקדם בכיוון 
פנימה לספר עד לעמוד הבא. 


אינדקס 401 


אחז 


5 ,18065 06561000 5טוץ 

2 ,100% 2 ,5סומוחץ!0 סחהּפָב\ 1998 

5 ,הו60רחםז! טורח פ3 
2 ,104 ,וו החה56 2 ,156 ,ח8800וטהח 
3 ,6001865 568760 7 ,)06 565 זססס 
,הוח /0ווו0ו466655 ס6/\ 7 ,ש|69ז |הזוש 
20-09 0 ,56 0 חסח/ו 

8 10507060 %06 8ח|866655 6 ,65וחק8וף 30 
7 /60251665// ,8010165565 6 ,סחופש ח%ועש 011601065 
5 הוה 7 0 0%8%60ז +0 60101 

6 ,חססה הווחה 4 

7 ,5אחו! 3 ,30508605 
0058 106 

1 ,אח0008 ,5זסהחהם 360055 


7 ,5אחו! פַחווחססחו 
0 ,5 |אט 
4 ,86 


9 ,פוחהזטסזק 11118665 


0 ,0158211065 60106 
1 ,0508 
8 ,5675 8160 קרחו-8ח הסח 
5 ,6013חחו)!טרח 
0, ,60 
9 ,ץש0!00חח666 |טזק|סח 


1 ,ו ,הסוב 

8 ,9חופה 

8 ,0806%5א6 ,0165ס|סהת66ד 0 1 
7 ,35059 ך | 

6 ,501085 ד | 


הזוצ\ 056 0+ 6018חש!ורח 
5 ,015801!/₪65 


9 ,56759 60זו8קוחו ה50666 
5 ,685 ו ,305 ך | 


7 ,00005 ,%א6ץ ך | 
ובו בי 
0, ,כוסח 
0 ,675 8%[/6ח8|%07 ,50876065 


1 ,01580165 חַחווו506 
8 ,015801!₪65 ח%ו/\ 5675 
5 לס ת6וע\ 5675 
9 ,5וח6|ססזק 
2 ,15675\ 60ז81וחו-ץ!|ה טפוש 
7 ,30100059 ך | 
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9 ,256 ,חסוְהּ0וע8ח 
9 ,1016850715 87655סזק 
0 ,₪15 |הטוחסזבּ 
1 ,65 60 ,סוחס 5ופוסע +זם 
7 ,80065 זססה | ק(\ה 
2 ,502065 060וע ,5611 
6 |8זווזהח ,5666/65 
3 ,5687665 
9 ,ץ0!00חח%66 855150/6 
5 ,65אחו] 6ע35500180 
1 ,חסוהםוצהח , ד דה 
5 ,50100 
7 ,80!65? ח50וזהק וח 60 ,0067ב טססטוה 
פה סרחה |50010ה/ סחוסוסצהּ 


4 ,6650806וח/ע 


8 
1 ,חסאטס 8866 
5 6500756 83/50 566 . הז0ואוסחבּם 
5 ,00 100176 
5 ,פסחוז! 150 
חס 6665ח6 פחו!||506 ,6!פסצ 8 365 
0 ,56876065 
7 ההק ₪307 
2 ,זסזאהם 
4 ,801000 ,1805 ||6 
4 ,6%800715 ,686% 
5 ,36 ,החוד ,66 |-675ח₪67 
6, ,5 ₪1 
1 ,07265%ח6ח// ,26556 ,675% 
6 ,33 ,6151005 618 
4 ,5זס|60 >חו! ,6טום 
2 ,5ז60!0 >חו! 0% 06| סחד 
3 ,3|30 06 
1 ,67805!30075 ,865 וחאסספ 
3 ,0065 


5 א ,5רח6 6עוסה 66ב 
2370 
1 ,65חו!ז1ה ה68וזסרח ה 
7 ,600 158011065 שו 5ה68זס ה 
.106 5006 הסעסזק ,6זו6!3 ,ח056הוחחה 
8 ,608567 
רסחה 
2 ,0065 >חוו 
8 ,55 ,5>חון 
9 ,ח5.60/ש46] 
3-ו 
5 %א6זסקץח 
1 ,5>חו! 
4 ,510515605 
3 ,חססההווחהּ 
9 , ,30600 0ח60בזה 
וחק זט סהוחסוזחס 
77 ]5 
5 ,סח זסעס 6ְחַחַבח6 חס ספטווו 
הו ו|חהסו5 הו ה 3סו0חו 
5 ,5ח5/00ח9 
6 ,0150135 סחוא6וסש!טוח 
4, ,0018-06-25 0 
6 ,רועו פוח6!ססיזוס 
חו שוטחטחסס 8חוצוסח5 
5 ,5ח5/00ח9 
8 ,6705/5%605ו1] ח5 
,5 |8ח0ו5ח6וחו66-0ו) 
6 ,0חו2|ה150 
1 ,061806 507 ה5ססחו6ב1]-טחהּ 
7 ,ח0658 6101 ,6|ססה 
6 ,655!מסה 
9 ,605 |06ח68 
8 ,300!6%55 600%60% 
8 ,655!קב3 /סו|ההססס6חטז 


2  סקדניא‎ 


חן השועו %ה₪16766065-06 ,6875 
8 ,60660005 
6 .(055) 506615 50/!6 בַחו685680 
6 0חו035680 ,506665 5016 
8 ופסכ :חסטו0ם 566000 ,56665 
6 ,60/\ 6 זסז 
1 ,3808065 פַחופַחהת6 
7,אחטן +זהת6 
600519 
4 ,008065ח3! 
0 ,5אחוז! סהטסס%טס 
זהסחון ,זסאחס1א 566066 הפוח 
1 ,הסוח 
1 ,5 חהחהכ חַחו30/6705 ,אההפסו6 
| 
4 ,1055 ח56876 
5 ,50870065 
0 ,015801!/65 600106 
9 ,060% זס|סס 
5זס|60 
9 ,06000 זסו|ס6 
4 ,פ>חו! 
4 ,6טום 
2 ,00% 8106 6חדך 
|168ח20%8 אזסץ עס 
5 ,0870605 
2 ,5675 60זוהקוחו-ץ!|הטפוצ זסז 
3 ,0651005 6016-5010 
8 85 5+87176 ,6016-567105 
1 ,6016-5070 
5-00 ,60608 
606 
8 ,865 ,הס 68וח ור 60 
9 ,פ>חו! 
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7 ,56876065 ח68|ססם 
7 ,178065 007!655וסם 
,5 506 0הו085680 ,007% ,805 
זסץ פַחוח9ו65כ :חסטוסם 56000 
6 ,60/\ סח 
6 ,הוח ,5טותטז6806זם 
7 ,005 | 
,65 0חו2ו5ה קר 6-ה680%זום 
3 ,חסוהוטהח 
7 ,פטס0חו/ זספאוסזס 
1% 8/50 566. .218 ,5ז50ושסזם 
6 ;זסזס|קאם 
8 ,,0חו30ח8 ,0!05ו06]8 
1 ,300 0170760665 
3 ,0 6זנסו 
5 ,0651005 6%ח8חו 
2 ,8חוץ0150!3 ,0065 אחוו 
9 ,חסוהּועהח 
0 ,0065 אחו! ,5חסופוסע זססוס 
7 ,660000 08560-ח%900חה656זק 
4 ,פחססס6חנש זחוזס 
5 ,65\ז 6500756 
6 ,05000 זס? פהסופזס 010 סחוצ58 
8 ,0ח6001ח6 5608006 
8 ,0700/5615 28560-ח506606 
3 ,8חו80זסקט 
7 ,8ַחוחשקס ,5אוססחועצ 
0 החסה ד )0 50660 6+ 63 655חופוום 
6 
2 סח | 6 
6 ,065100 806 
0 ,05 6%8רח ,6ע11 חףוהקוח63 
9 ,30!6055 ,5ח00 0 |06ח68 
6 ,60/\ 6 זס? פחטוזצו ,הסטהל|בזוק68 


3 ,305 1ץ15600כ 
9 ,חסוהּפועהח , סטבּ/צכטס 
4 ,5>חו! סהוההוססחו ,6חווחכ) 18 ה6ח= 
6ו6א 
1 ,675 ששסהחזסס|הּ 
4 ,56876065 
8 ,60|3קאם 
3 ,וס 
6 |8ז8ח ,00000!6) 
3 ,56876065 
7 ,שו|ו8חהח568 ,1672 
ססר 
8 ,שווופו60! 
3 ,פחואחהטח6 06 
אפז 
4 ,015 חַחופוס/0הּ 
8 ,80 קאהוחד 
א16 
6, ,305078005 
8 ,סצפ פַחופזסעסהּ 
8 ,56876065 
1 ,הטבח 15066 ,וההס6אחהז 
3 ,וע ,אד 
3 ,ף>אחו! סחטסטסטס ,סוזס/\העה3 
+05 | 
7 ,680670\05ז 
וס חב 0600 
7 ,ח0ו08ועהח 
0 ה,ההחסוַסְהּהוהח 850676 
0 ,שוווסה ה הה56 , סחוזקפחוב3ו 
וו 
4 ,חסוַהָּוהּח 6ש₪506 
1 ,56876065 
2 ,18 ,65%ש18002] 
6 ,%0ח1 46018 


65 


8 ,600780605 ,0165ס!סחהח66ך וו 1 
בו הי 
5 סְעוְְהח6/ה 
0 ,56876765 
0 ,ס|סח 
1 ,65חו!ז1 ה68וזסח ה 
0 ,656 סח6חה 
5 א6לוסקעח 
1 ,5>חו! 
4 ,510515605 
7 ,96065וססה | קנה 
6 |8זנהח ,5666/65 
3 ,56876065 
1 ,חסטהםועהה , ד דה 
7 ,%80!65 ה8150 קרח 60 ,067 טססט ה 
65 פחו!ו506 ,6!פס\\ 8 5סחזבּם 
0 ,5687665 חס 
7 60חה!ק ₪367 
2 ,זסלאהם 
4 ,ח0ואו\סחהם ,5 ]| |ו86 
4 ,6080075 ,6%חזה וח 
2 ,601075 >חו! 20% 8106 סחד 
3 ,8|30ר6 חס 
2 60ח | 6 
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1 ,8חוטח8ת6 
4 ,0ח600051 
2 ,60/\ 66 זס? פַהסחעע 
שווופוסס! 
7 ,5סוחק8זט 30 
6 ,50 
6 ,60/ 6 זס1 חטשו 
,5 50/6 0חו685680 ,1860 ,6 | 
6 זס+ 8חוחףו65 :חסטוסם 0ח5600 
6 ,60 
3 ,006005זכ זס%נוקוחסס )0 16| 
0חו6חו) סה שבח 01 5הסחססוחון 
3 ,1056706 66 0חה 6018 
0 ,חסטפטוטּח זהסחו! 
2 ,0165 >חו! 
4 ,1565 +חה חור ס0->חו! 


4 ,1 ,ס1 001061165 
1 ,הסוח 
1 ,35| 6+ 
3 ,50/60 
5 הו 
8 ,276 ,0 68וחוח ו 60 
9 ,65>חו! 
9 ,0176600165 
וצו060סז 66ץס!|קוחס 
4 ,270, חחוטסזקוח! 
2 , !6/8006 
0 ,67 ,607876055 
0 ,08065 סוחסה 
0 ,שווופ58ט |החססהחז6שחו 
8 ,5>אחו! 
9 ,0חוחו%8חו8 וח 
8 ,5>אח!] ,865הכ 606[סיוס 
9 ,60165 ח56876 
0 ,56876065 
3 ,56615 50/16 
שוווסהפט 
6 ,274 ,8]/515ח3 060606-605% 
3 ,290 ,5000165 16|0 
4 ,03065 0ח11 0+ סח 
0 ,65000 ,5015 
2 ,ס!סוסחוזכן סוותהזץכ 60סוסעחו 
9 ,סח ,סקר 60 6וסופועטחך 
5 ,65חוז! 150 
3 ,וע ,אד 
א-נ 
3 ,65>חו! סחטסטסטס , 0וזסצ\העהנ 
3 ,₪55 ,476760 
3 ,1.1 ק דד ,5חה6600החסס 6עו|ה-6660 
05 
0 ,7 ,675 06| 
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5 ,65חו1! !507060078 
0 ,5106751065 
6 ,51665 !06708 60 
0 ,107 685005 
4 ,0806 ח6עו0 8 60 ז6)6ז 8% 5 |חנ\ 
5 ,5וח6|ססזכ !5801 
5, ,5>אחו! 0886-חורסוו 
5 ח ]06| 
5 ,28| 0 הזחו 
+00 | 
7 ,680670\05זם 
7 ,הח ה6806זכ חב הז060 
0 ,הססה8ועהח 5676 
6 ,הה56ט1 6זטטס | סחד 
6 ,6006 


3 ,80821865 
0 ,שוווסה ה 563 ,סחוזקפחו3 ו 
9 ,65חה סח סהוחהו%8חו3רח 
ו 
4 ,חססה8ועהח 50676 
1 ,56876065 
4 ,0651075 67806%ח1 01 +ה6ח6ה ה הוח 
5 סא פחוח הוח 
8 ,0618055 ז50אוסזם 
5 ,0!0/665ח6 +0 
6 ,558008705 370/876ח 
9 ,600165 56870 
הסוח 006 566. .5|הטחהוח 
2 ,,1302005] 
7 ,0 6אח 355 
9 ,0280 חח ,56665 סרח 
3 
6 ,0 1075 01066760% 
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1 ,506605 50/6 60>חוו 
9 ,סחואחו! 0660 ,08065 6חחסת פחואחוו 
65חוזסקץח 0/50 566. .55 ,51 ,5>חוו 


7 ,35 זה6 30/56 
1 ,65% סח6ח 
8 ,55 ,%א0? זסהסחהּ 
5 ,65חו!] 355001806 
4 ,62 ,60|015 
4 ,6טוס 
2 0% 806 6חך 
|168ח20%8 אזסץ עוס)] 
5 ,0870675 
2 ,82076157 
6 ,08065 060816 
6 ,8065 ח800ח 0650 
5 ,5אח ]1‏ 6060060 
חור ס6חו 566. .5אחו! פַחהוהחססחו 
וו 
8 ,80605 סח 
9 ,חר ו 60 
0 ,0065 >חוו 
2 ,107 65ח]0106 
5 ,1568665 
5 ,חסוהּועהח 
55 , רח5.60צו\46] 
6 ,5אחו! ה6חטסטסטס 
0 ,60005108 
3 , 6סש\ עה[ 
,5166001061 1167050 
0 ,68 ,66 
0 ,ץחהקוה60 פחוחוי] סחד 
0 ,10 685005 
6 ,6006 
5 ,656000 
8 ,סחואח!] 56|660/6 


,5אחו! סחטסססטס ,51606 
0 ,66 
5חוז 650056 ,.₪ +וסססא ,זסווווא 
4 ,(1865075 ההוחגות ) 
5 ,0651800 60ש\ חו 158665 
4 ,5675 זסו/8ח6ם-60אווח 
1% 8/50 566. .49 ,5וח6סוח 
8 ,0 ח080!ח 00 5ח0ול66 חח 60 
5סו סרח 
3 0 100176 
7 00 5126 
6 חססוחסוח +0 הססטפו0150 
8 ,1999 סחהב 1997 חו 
6 ,5000165 !5801 
6 ,60 


7 ,66005 ,20870 ז5%6חסו] 6חדך 


4, ,80100 ,005סח 
5 !5801 , חח65,20אזסוו 
4 ,(8א601785\] חו ותפוזטס6) 


06 ח6זה הסטהוזסוח1 ,טלק ,6ו!ועוסוו 


5 ,60/\ 6סו/\ 6!זס\ 66 זס+ 


7 ,105816] 
9 ,שו /0166010 ,5ו!ו58 זס+סוח 
6 ,0/165ח 
2 ,56876065 |הטחחו!ם!טוח 
2 ,56055 |הטוחחו!ם!טוח 
0 א |ס6עהזד 
4 ,131 ,6013ט!טורח 
חסוטהרוחה3 566. . חסוסהההוחהּ 
5 ,סוה 
4 ,65 6500756 
5 ,015801!0665 ח%וצ\ 6056 זס1 
9, ,1060 
5 660 חור 5070 
2 08080!6!חץשס 


+ 5ח800לוחחו! ,6%חזס%חך 
3 ,160780089 


5 ,0 6זנ100 ,%זס/ט סחצו 6|קססס 
5 ,372 ,00 6זנסטז ,6018 ס6סחוזם 


6 ,%0ח1 16018 
חן )וו 6875 ,%ח16766065-06] 
8 ,60660005 
5 ה דסו 
3 ,60705 
1 ,05ח00ק 06560 806 
1 ,178765 ,6%8-08065ח 
0 ,668005 
4 6087060 
0 ,11/6 חףו08וח63 
7 ,20870 ז5%0ח10] סחדך 
0 ,01 685005 
0 ,68715 8חוקקסח5 
2 ,65ח1!1 65%/ש0ז500 
6 ןס 
60 6+ זסז 
9 ,366-367 ,66000765 
5 ,חס6!6/150+ 
0 ,0 686065565 
1 ,60/\ 66 זס? פַהטחעע 
9 ,200 ,16%68/16] 
9 ,שה ] 16%68]66'5] 


(ח0סוח ולח ,0ח650+ 01 6%0005וח 
6 ,58 


8 ,65000 ₪567 6006 
ץח 60 66 0ל סחו|סעהס 
7 ,)96נ\0ץ 
0 ,05ה! !5801 
יי 
9 ,חסוהּועהח 
6 ,56876065 
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5 ,5>חו! 
1 ,ח6ס0כ 6ע"טוסץ שוסחע סהוצוסחא 
חטפ ,חסהְהּףוהח 0ַ6ַקִבח5- | 
2 ,207 ,5%605ש6705ו1] 
0 ,חסוטהּהועבח זהסחוו 
6 ,203 ,5זה חסוזְהףוטהח 
2 ,18 ,065100 886 
4 ,03065 6החסח , סַהוע!ס5 וחס|ססזוק 
5 ,168001165 00086 אסוו) 
1 ,61 60060 
9 ,5150655 8חוץ106001 0% 65| 
9 ,6001865 568700 
8 ,שוש פוח6!ססזכ ,50/0876 
3 ,1989 ,516605 01 507060076 
2 ,ופד 
2 ,189 ,5000165 !5801 
6 ,פחססקס הסטהטוטהח 
7 ,214 ,ח800ףועח 0!!60 חס6-ז56 
8 ,5>חו| 
1 ,5106805 
5 ,15675 
5-ו 
8 ,687065 6וקוחץ!0 1996 
0 סוחס 5616066 ה508ת6 
9, ,סעטבּ)/וכסצס 
7 ,זה ח5אסס | 
9 ,50%0סחסו!] 
5 , החסס.5א\6)] 
6 ,66 חר 60 6וקוחץו 
5 ,60 
6 ,203 ,560.00 ,085 חססהּףועהח 
5 ,פחו!!0ז50 ,8065כ חסוהטועהח 
1 ,6% 
8 ,106160000 
7 ,6056806 
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6 ך :6א6+וסקער] 0ח3 הו60וחטוטו\ 
5 ,₪600 0חה ז6חזס%חך 
3 ,0665 סזסעט 6וקט!טוח 
6 ,חססה הווחה ,01501375 סחואסוקטוטוח 
4 ,516 
4 ₪50 


2 ,160/8] 406655|0|6/ זס+ ז%0ח06 |החסטבּ\] 
(חאשצוה ד חו) ההטספט1\ 281366 |החססבאא 
ה 1156 8|866ק |ההסטב3א סחד 


6 ,65סטטו3 ך | 
4 ,6000518 ,3008865 


3 ,56870765 סְהַהּטַחַח3! |הזטסשהח 
8 ,חססהסועהח 


2 
9 256 ,6055!קק3 
1 ,ד דה 
6 ,10\05ו6806זם 
3 ,00500 0חו2ו85 חכ רח0-6הסזם 
9, ,505/\סזם 
7 ,005 ] ,ה6800זט 0ח3 06% 
הסוה0ועטהח 5066 
1 ,ווח ססאחז 
0 ,0065 1 

606 וצו ספ זסז 

0 ,0158011065 
6 ,1865 
1 0 6זטסט? 
3 ,5071606 |168ח86סוח 
8 ,28065 סוחסה 
6 ,3 חו 
1 ,550008705 ,0651005 6%חה טחו 
,זה טסץ 6זסחצו פהוצוסהא 

188-189, 1 


1 ,60 ח68 טסץ 6זסחצו פהוצוסהא 


0 ,ץח8קוח60 פהוחו! סחד 

685005 10, 0 

9 ,סחווזס+ח! ,5675 
6 ,"2765565 66 5507" ,5006 ,סהסטס 
4 ,06500 6%ח8 יחו חוסזוספזטוס 


ס 


85 5066 .3051718609 06 
8חואהטח6 06ב 
3 ,6סזון/)זסר] 
0 ,סחזוך 
2 ,60/\ 66 זס? חטשש 
1 ,005 ב דש ,5הססק 06560 86 
2 ,06580 806 
6 ,6%ח | 6 
6 ,65108 ,8165 
5 ,1568665 
2 ,18 ,חסחַהּףוטהח 
2 ,18 ,1650806ח/\ 
4 ,0 66)חנוסרח3 |8556ע\ סַחוסוסטהּ 
8 ,506605 080|חצ\00 ,5126 06 
3 ,60/\ 6חש זסז פהם וצו ,0065 06ב 
1 ,60/\ 6 זסז פחטוזצו ,5חסהזףָהּזוהּס 
0 ,56876765 6|ז60וח בוק 
זו |החהסס הזחו חו 5זההקוסווהק 
4 ,5000 
5 ,8חוחהרץ 
4 ,זססחוחְזבק 
5 !5801 , פַחסטקוח0ס6/0ק 
6 ,(5ז60|חסוח ) 
6 ,5>אחו! ,00!6סק 
0 ,28065 %ה06ח0606-הסטט|ס65 ,ופססק 
0 506 .4551558015 |010158 |החספזסק 
5ז כו 60 |ההסו0הס- הסח 


5 ;030165 566. .%05סחכ 


60 סח\ 15675 01 5%8115065 
4 ,6751075 / 


6 ,1/8065 ,2.0 16%56806] 
2 ,חססהּהועהּח , הו60וחסזגוס\ 
6חו| ,0870605 |168ח20%8 >זסצצוסא 
5 ,60|015 
וחס6 .5אוס)] 
9 ,6+ זסהסחהּ 
הסוח 8חו2ו5ח קוח6-ה680%זם 
4 ,06500 
5 ,65חו!ן 
2 ,8761065 פחס!ן 
5 ,חסוהּועהח 
3 ,6)/5080675ח 
5 ,666/ש5/ו10] 
5ז כו 60 |ההסוסהס- הסח 
7 ,1865 
חן ,06/1665 6!סה+וסק 
4 ,8606559 
8 ,0ח606001 5608006 
4 ,366655 66706%ח1 ,/ דט6/\ 
6ןפועח1 שד ,.ג ה!החסכ , חההוחזסאא 
ח63 605וססזק 6000 שְח/:זסטקו 60 
0 155 זסזטקוח60 |8ח50ז6ק 6חל ,ווה 
הסה הזס+ח1 300 ,א6!קוח 60 


2 ,חסטסט!50 6 6זה 665חהבו|ססה 
0 


6 ,חסוה8וע3ח ,66 ו 60 6וקוחץו 
8 ,ח80והח ,1996 087065 סוקוחץוס 
2 ,סוס וחץ|0) 
7 ,5\וס0חוע זספאוסזפ סחהוהסקס 
4 ,חססההוחה ,5זהק-0078-06 
6 ,5אחז! ס6חטסטסטס 

600510, 0 

3 ,סה עה 
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5 
7 ,60705 
5 
3 ,05חזסשט 6!קסוטווז 
7 ,5%805065 
3 .חסוה08ועח ,1680765 ס6זהקרח 60 >סוט) 
2 ,1805 >6ו0) 
א 
סו הזחו ,568165 הז 
1 ,50 
2 ,601075 >חו! ,ה₪82011715 
3 ,101 ,ח56066 חס 680108 
סו 6 חס 20508 ,6/6055 6חו-|68ז 
8 ,(ח280!|ה הסה חזססח!) 
5 
1 ,87 ,18065 סחוסוסטה זסז 
0 ,005 6%וח זסז 
וז 
3 ,139-141 ,135 ,18065 
1 ,וסט |החסוזהףוטהח 


|8ה0סו60ז 
3 ,סו הזחו 


6 ,5אחו! 8 חור 60חו , 800 60150ז 
,6060 06 ו 80660 66-600תה עס|6ז 
3 ,139-141 ,135 
5 ,15| 0ח0חה627656ז 
1 חק 06/60 0ח8 ה656876ז 
7 ,0650 
0 ,7651 ,3065 %ה0626006-הס !650 
1 ,065/00 %ה06ח6ק6סחו-חהססט!650ז 
0 83/50 566. .44 ,165 6500056 
אחו| +65א68 ץם 60חוו0067 
5 ,0050 0+ [567/6 סז 
2 ,ותט6פט] ההוזס+חטר]ן 


0 ,0חו80ס! |הסוחו 
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5אוס 
2 ,18 ,ץ0150|8 ח56766 +0 חסוסקסוס 
9 ,065100 060%ח0606חו- הסט !650 
8 ,ץְ0150|3 ח56766 
8 ,1780765 ,אזה+6חב3ּ|ק 
9 ,30 ,6%08515ח3!ק 
7 , 6חהוחסטופח8 ,פוחזסיהוס 
5 06 +וסק 
4 ,366655 %6706%ח1 
5 ,ץ08!סהחה66 ך זוסט) 
6 ,פחחחוזק ,65! 5%56710%סק 
4 ,65וז 6500056 + ו|6016%801וס 
5 50260 1!6 0ה01630ח1 
6 ,60600100 08560-ח%800ח656זק 
7 ,5015אוסזם 
5 ,006165 +0 פחסופזסע 6|סהסחוזוק 
חק חו-הססט!650ז ,5זססחווס 
1 ,06500 
4 ,פחשחוזס 
6 ,65 05%56710%ק 
5 ,00016005 +0 פחסופזסע סוסהזחחוק 
1 ,וח ה56876 חחו2טחוסרוס 
4 ,28065 6וחסח וחסי 8חוטו50 וחסוטסזוס 
8 ,8065 6800007 66טססזק 
9 ,5הזססזכ 8065ו!810 ,פחחהזטסזוס 
9 ,300!655 ,101680015 655ופסזוק 
5 ,150865 ,הר 30 הוח 60%[סזוק 
8 ,605חה הו ,065כ 60%[סזום 
3 6000000 0חו680ז)ססזוס 
8 ,.6ח1 5006 חסטסזק 
9 ,ח0ו28ו|ה הסה חזססחו , הססבטשסחגוק 


5 ,ח8|2800ח0ו3חז6חו ,פחוק 


סְ 


,5 065+זסק ,שץְטס!סהח66ך סופטו) 
355 


5 50870 
3 ,3051780559 
א6 1 566. .10566%ח1 
9 ,605חה סח 
7 ,56876765 0ז]סצוץ6 
9 ,חסוטְה0ועהח 
8 ,66078000ח! ,51065 
3 ,65א20 ,607 6%%ל 
3 ,15675) 60זוהקוחו-ץ!|8 150 
9 ,380 ,366655 סו 
סח ה50870 
4 ,605068 
1 ,פחו2ס וסוס 
1 ,0806 650/55 506870 
5 ,15015 018% 568760-00 
4 ,56876765 
3 ,3051786005 
5+ 6עוְהחז%6)ה 
0 ,1555/\ :| 
1 ,66א 
0 ,8.8006 887065 
7 ,56876065 ח68|ססם 
5 ,6050600 
8 ,08065 ח06500800 
4 ,116705/5%6705] חט5 
4, ,6/060א= 
8 ,08065 סוחסח 
8 
0 ,605חה סח 
7 ,233 ,6005 
7 ,601865 56870 
1 ,3ו60\ז3 בו 
2 ,568700659 [הנוחחז!ם!טוח 
3 ,60665 זסע 6וסשוטוח 


3 ,56876065 6ְהַהּטַחַָח3! |הזטשהח 


3 ,660005חחסס 6עו|660-8א 
4 ,132 ,8ו60חט!גורח 
4 ,0 ש|60160901זוק 
5 .50260 1!6 0168000ח1 
5 ,50/68 
2 ,5000165 !5801 
4 ,6051505 
6 ,978720165 0ח6151ז 
4 ,610675 |והוח6 ,10 סו 
הסה וזס+ח1 ,1.015 ,16|0ח056 
6 סוס/\ 6+ 107 616660076 
5 ,60 


9 ,5605 0חו/7ח06 , הסטהוטהּח 01 65!טז 


5 
4 ,58 
שוןו8חח568 
2 ,15675 60זוהקוחו-ץ||טפוע זוסז 
7 ,62] 
0 ,פחוזספחו3 ו 
6 ,104 ,60/\ 6חל זס+ סחחחעו 
258 ,56870065 560060 
5 ,107 65ח0106|1 
8 ,6|5אוכ ,צץְ0150|3 ח56766 
2 ,18 0% חסזסקסזק 
2 ,299 ,680675 ח56766 
2 ,,180020650] ,52806 ח56766 
הסוח 566. .50676605 
9 ,00660 6חו|חס ,5076657065 
פחו!|0ז50 
5 ,08065 06500800 
5 ,065הכ חסוְהףועְהח 
6, ,5|8%6 
5 ,112 ,5600165 !5801 


568760 605, 5 
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6 ,0055 |1870108 55ז0/\ 6ספזסעה 
2 ,חסוה6ועט3\ זס1 כ3 סוסצה 
סא ₪085 וו5301(\ 80 

4 ,6156070615 
6 ,76 ,85%= 76 51005 865% 
3 ,]68 ההח ד 667 
9 ,05 0ח38 005 6חל 01 6זְה8צ\₪0 
7 ,865 ₪07067|655 
2 ,603חח | 5106-%ח6ו|6 
6 ,2705075 60|!66% 
9 ,266067 (הו60 הסק6כ זסוס6 
6 ,365 חוהוחסכ סהטסקוח 60 
9 ,706605 600%860 
7 ,אחטנ 681 חב >ח1 בשה 
3 ,076/60 1/65] הזה 
5 7680 ח4ו5סס 

8 ,ותפוחוצז3כ ת4ופסס 
6 ,60 /\ זס? 8הוח9ו5סס 
הזוק ,16018 זחסזסאהוס 

6 ,5076005 
הזוע 2550618660 65סו|וס הפוס 

8 ,חו 
4 ,60/\ 6 ה56876 +'חסס 
2 ,160 6 חן 6כה ד סססו/ >'חסס 
8, ,6-6!66!פטס 
3 ,600 3 חחואוהּזס 
0 ,₪15( ז35%0= 
1 ,חסטה!וסו/\ +הסהץקס 35 65וחהּז= 
6 ,2.0 46%56806] ח! פסוחהז= 
]וד חו 5 וח 5066 עווט₪ 

7 ,60006 
1 ,חססהםועבא 6קטסטת 
1 ,ח50706 מו 8 026% 
7 ,!והחחם +0 ₪10 006% 
7 ,56870 |008|₪ 
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1 ,06500005 0306 
7 ,55805065 ,067165 
8 ,225 ,56870065 560060 
5 ,605 568760 
1 ,0806 650/55 ח56870 
0 ,פחו!|506 
8 ,5 ,51051565 
6 ,67050 
3 ,65א00 /7ח6 %א6ל? 
5 שצוסת ,5000165 5801 
4 ,56860 
8 א זס 36 ,+06 0ב ,5608 
8 ,סחואח!] 506|660/6 
הוחו ,65%5+ 0760ל5והורחסהּ-ז/56 
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